前端开发常用的npm包

172 阅读 0 评论 114 点赞

我是靠谱客的博主舒心路灯，这篇文章主要介绍前端开发常用的npm包，现在分享给大家，希望可以做个参考。

生产环境常用

名称	功能	地址
md5	md5加密	https://www.npmjs.com/package/md5
uuid	创建uuid	https://www.npmjs.com/package/uuid
deepmerge	合并对象深拷贝	https://www.npmjs.com/package/deepmerge
vuex-persistedstate	vuex持久化	https://github.com/robinvdvleuten/vuex-persistedstate
vuex-persist	vuex持久化	https://github.com/championswimmer/vuex-persist
vue-ls	vue中操作本地存储
js-cookie	操作cookie	https://github.com/js-cookie/js-cookie
lodash	实用工具库
echarts	图表
moment	日期处理库
date-fns	日期处理库，比moment更轻巧	https://blog.csdn.net/fsxxzq521/article/details/85715213
three	WebGL图形及3D动画处理库
TinyMCE	富文本编辑器
vue-prism-editor	代码编辑器
Prism.js	代码示例高亮显示	可配合vue-prism-editor或TinyMCE输出的代码示例使用
highlight.js	代码示例高亮显示
crypto-js	aes 加解密
qrcodejs2	生成二维码
clipboard	复制到剪切板
vue-clipboard2	复制到剪切板
downloadjs	js下载文件
mime	根据文件名后缀获取文件类型，或者根据文件类型获取文件后缀
mime-types	根据文件后缀获取文件类型
screenfull	全屏切换
v-viewer	图片点击放大
v-distpicker	省市县选择器
nprogress	进度条
heatmap.js	热力图
video.js	视频播放
flv.js	flv格式视频播放
videojs-flvjs	video.js结合flv.js播放flv格式视频
throttle-debounce	函数节流防抖	https://www.npmjs.com/package/throttle-debounce
intro.js、driver.js	页面分步引导
xlsx	生成Excel表格	https://www.npmjs.com/package/xlsx
ag-grid-community	表格插件	https://www.ag-grid.com/ https://www.npmjs.com/package/@ag-grid-community/core
vconsole	移动端调试日志输出
clone-deep	深拷贝	https://www.npmjs.com/package/clone-deep
dagre-d3	3D流程图	https://www.npmjs.com/package/dagre-d3
pdfjs-dist	PDF预览	https://www.npmjs.com/package/pdfjs-dist

开发环境常用

名称	功能	地址
mockjs	模拟接口数据
terser-webpack-plugin	打包生产去除 console.log
webpack-bundle-analyzer	查看打包后文件代码体积占用情况
compression-webpack-plugin	打包Gzip压缩
image-webpack-loader	打包压缩图片
node-sass、sass-loader	编译scss
style-resources-loader、 vue-cli-plugin-style-resources-loader	配置预编译CSS全局的variables / mixins / functions
style-resources-loader	配置全局scssless变量
less-vars-to-js	less变量转js变量