在这3年的时间里,秉承着能用npm就不自己写的原则,我的头发还算茂密,今天就总结一下我常用的npm包,让你也能多摸鱼,少加班。
工具函数
lodash
老牌工具函数库,虽然里面有一部分功能已经变成了js标准,但是为了兼容性,还是用一下比较好,比如我常用的clonedeep和get.
day.js
极其轻量化的日期格式库,显示日期,转换日期的时候很有用。
number-precision
设置小数点后位数的一个包,处理iOS上的价格时很有用
crypto-js
js加密库,常用的有md5,sha1,aes等
clipboard.js
浏览器中操作剪贴板的库
axios-retry
axios 自动重试
await-to-js
处理async await 的错误
better-scroll
浏览器端的滚动库
Vue2
element-ui
pc端基本用这个
vant
移动端目前用这个
varlet
移动端ui库备选
vue-star-rating
一个打分组件
vueuse
vue官方工具库,类似于react hooks
vue-tiny-lazyload-img
vue简单的图片懒加载
Node.js
express或fastify
搭建web服务器的基础库,这个2个都不错,express资历老,fastify技术新
mongoose
连接mongodb的orm
crawler.js、puppeteer、cheerio
爬虫3件套,谁用谁知道
request、request-promise
虽然已经废弃,但仍然是node发请求的首选
cross-env
配置process.env的环境变量,主要是为了跨平台
fs-extra
nodejs读写文件,比fs简单好用
自己写的包和模板
基于vue-cli搭建的vue2项目模板
日常项目基本上直接使用这个模板,没什么问题。
基于vite搭建的vue2项目模板
vite现在也差不多成熟了,下一步准备慢慢将项目模板替换为这个,在vue2的基础上尽量使用vue3的语法,方便以后平滑升级 github.com/webszy/vite…
基于vite搭建的vue3最新技术栈模板
这是一个vue3的尝试,什么都是用的最新的,暂时不用做生成环境 github.com/webszy/vue-…
webpack-auto-zip
webpack打包完成后自动压缩为zip文件,方便部署。安装后,放到webpack的plguin即可
npm i webpack-auto-zip -D