前端开发常用的npm包

生产环境常用

名称	功能	地址
normalize.css	css默认样式	https://www.npmjs.com/normalize.css
md5	md5混淆	https://www.npmjs.com/package/md5
js-md5	md5混淆
js-base64	base64混淆
pako	gzip压缩
jsencrypt.js	RSA 双向加密解密
crypto-js	aes 加解密
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	图表	https://echarts.apache.org/
Highcharts	图表	www.hcharts.cn/
Chart.js	图表	https://www.chartjs.org/
D3.js	图表	https://d3-graph-gallery.com/
AntV	图表	https://antv.antgroup.com/
moment	日期处理库
date-fns	日期处理库，比moment更轻巧	https://blog.youkuaiyun.com/fsxxzq521/article/details/85715213
three	WebGL图形及3D动画处理库
TinyMCE	富文本编辑器
vue-prism-editor	代码编辑器
Prism.js	代码示例高亮显示	可配合vue-prism-editor或TinyMCE输出的代码示例使用
highlight.js	代码示例高亮显示
qrcodejs2	生成二维码
clipboard	复制到剪切板
vue-clipboard2	复制到剪切板
downloadjs	js下载文件
file-saver	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
soket.io-client	websoket实时通讯客户端	https://socket.io/
ace-builds	支持编程语法的编辑器	github.com/ajaxorg/ace-builds
vue3-ace-editor	基于ace-builds兼容vue3	github.com/CarterLi/vue3-ace-editor
monaco-editor	微软vscode编辑器	https://github.com/microsoft/monaco-editor
simple-keyboard	简单键盘（功能强大）	https://github.com/hodgef/simple-keyboard
vue-touch-keyboard	复杂键盘	https://github.com/icebob/vue-touch-keyboard
bignumber	处理高精度小数
mitt	Vue3事件总线
vue-draggable-next	vue拖拽
sortablejs	拖拽（vue-draggable-next基于它实现）
vuedraggable	vue拖拽组件	https://www.itxst.com/vue-draggable/tutorial.html
vue-infinite-scroll	vue无限滚动
swiper	轮播	https://swiperjs.com/demos
big.js	处理数字精度
decimal.js	处理数字精度
nipplejs	虚拟摇杆	https://yoannmoi.net/nipplejs/#demo
mitojs	线上错误监控埋点	https://github.com/mitojs/mitojs

开发环境常用

名称	功能	地址
mockjs	模拟接口数据
mock-socket	模拟WebSocket 连接和事件响应、推送
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	配置全局scss\less变量
less-vars-to-js	less变量转js变量

辅助工具包

名称	功能	地址
anywhere	本地创建静态服务器	https://www.npmjs.com/package/anywhere