保持头发的秘诀:记录我3年开发中用到的npm包

733 阅读2分钟

在这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项目模板

github.com/webszy/webs…

日常项目基本上直接使用这个模板,没什么问题。

基于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