Vue项目常用插件

示例

一、UI篇

1、Element Plus
兼容性最好，使用最广泛
2、Ant Design of Vue
未来的设计标准，缺陷很明显社区维护BUG较多
3、Vant
移动端H5首选，不适用于混合开发模式

二、开发辅助篇

1、VueUse
Vue组合式API的实用工具集
2、unplugin-auto-import
自动按需引入 vue｜vue-router｜pinia 等的 api
3、unplugin-vue-components
自动按需引入 第三方的组件库组件(elementUI) 和 我们自定义的组件
4、pinia-plugin-persistedstate
持久化pinia数据，中文官网，使用简单，绝对的后起之秀
5、vuex-persistedstate
持久化pinia｜vuex数据，vue2时代的产物，主要用于vuex
6、Lodash
封装了常用的js函数，不过使用率在下降
7、Day.js
操作和显示日期和时间

三、table篇

1、vxe-table
复杂表格业务需求首选

四、js计算篇

1、mathjs
强大且易于使用，使用最广泛的js计算库
2、big.js
一个小型，快速，易于使用的库，用于任意精度的十进制算术运算

五、优化篇

1、vite-plugin-compression
gzip压缩，需要nginx开启GZIP，打包之后可以明显提高项目的打开速度
类似还有br压缩，不过br压缩存在兼容性问题，压缩效率比Gzip压缩能提高15%
2、vite-plugin-imagemin
本地静态图片压缩

六、扩展篇

1、vite-plugin-vue-inspector
快捷键开启和关闭，点击page元素可以打开对应的.vue文件

示例 ​

示例