Vue插件整合

2024-01-15 91 阅读3分钟

一、工具类

lodash -- JS实用工具函数集合
await-to-js -- 精简返回Promise成功和失败的结果
dayjs 和 moment -- 时间处理函数库，前者比后者更精简
image-conversion -- 图片压缩
js-md5 -- MD5加密
jsencrypt -- 加密功能
number-precision -- 数值精确计算（计算机底层二进制存储原因导致js计算不准确）
ua-parser-js -- 获取系统环境信息
vue-cookie -- vue框架下操作cookie
axios -- 简化前端网络请求工具函数
mockjs -- 生成mock模拟数据
file-saver -- 流文件导出
fuse.js -- 模糊字符串查询
js-cookie -- cookie操作
jsonlint -- json数据格式化
jszip -- 压缩和解压缩JavaScript文件和目录
xlsx -- 读取本地xlsx文件
pinyin-match -- 拼音模糊匹配

二、UI组件库

element-ui -- elementUI组件库
vue-quill-editor -- 富文本编辑器
@riophae/vue-treeselect -- vue框架下的树形下拉框组件
codemirror -- 在线代码编辑器
driver.js -- 页面引导功能
echarts -- 数据可视化图表
viser-vue -- 基于AntV-G2可视化引擎
vue-codemirror -- 基于vue的代码在线编辑器
vue-count-to -- 基于vue的数字滚动插件
@antv/g2chart -- 数据可视化图表
@vant/weapp -- 移动端组件库
uview-ui -- 移动端组件库
@qiun/uni-ucharts -- 移动端数据可视化图表（基于uniapp）
@jiaminghi/data-view -- 构建大屏（全屏）数据展示页面即数据可视化（vue2版本）
@dataview/datav-vue3 -- 构建大屏（全屏）数据展示页面即数据可视化（vue3版本）
vue-baidu-map -- 接入百度地图服务
mint-ui -- 移动端组件库
vue-virtual-scroller -- 虚拟滚动
vue3-scroll-number -- 数字翻转

三、图形特效类

nprogress -- 进度条
qrcodejs2 -- 生成二维码
vue-cropper -- vue框架下实现图像剪辑
three -- 3D特效
dat.gui -- 图形化控制three3D特效（配合three使用）
@formkit/auto-animate/vue -- 简单应用平滑过渡动画
animate.css -- 丰富css动画库
gsap -- js动画库
vuedraggable -- 拖拽排序和拖拽分组的前端开源代码库
awe-dnd -- 拖拽组件功能
screenfull -- 页面全屏
vue-particles -- 基于vue的粒子背景插件

四、样式类

less less-loader -- less样式预处理器
sass-loader node-sass -- sass样式预处理器
normalize.css -- 系统样式初始化统一
remixicon -- 开源图标库
autoprefixer -- 搭配webpack使用，打包的时候自动的给样式加上前缀来兼容不同的浏览器
chalk -- 在浏览器控制台或终端中修改打印的字符串样式，如字体样式，字体颜色等
tailwindcss -- css样式库

五、其他特殊功能类

clipboard -- 实现复制到剪贴板功能
el-table-infinite-scroll -- 实现el-table无限滚动
element-china-area-data -- elementUI中国省市区级联数据
webpack-bundle-analyzer -- webpack打包文件分析
vue-clipboard3 -- 文本复制
vue-email-editor -- 邮件编辑器（初始化配置 version: '1.157.0' 可解锁所有付费功能【官方漏洞】）