一.版本安装与回退
以iview的为例:
1.npm i iview --save // 安装到最新的包
2.npm i iview@3.1.5 --save // 安装特定的版本,输入版本号
3.npm uninstall iview // 卸载iview这个依赖包,然后根据自己需要的版本号进行安装
二.生产环境与开发环境(用于测试或者生产环境不需要的依赖)
生产环境: npm install --save
开发环境: npm install --save-dev
三、常用插件
1.dayjs 一款小巧强大的日期格式转换
npm install dayjs --s
// 使用
import dayjs from 'dayjs'
dayjs.format('YYYY-MM-DD')
文档:https://github.com/iamkun/dayjs/blob/dev/docs/zh-cn/API-reference.md
2.cropperjs 图片上传以及裁剪的一款插件
npm install cropperjs --s
// 页面引入使用,详情看翻译文档
import Cropper from 'cropperjs'
import 'cropperjs/dist/cropper.min.css'
文档:https://www.jianshu.com/p/4644a626ef9a
3.v-org-tree组织结构树
// 安装
npm install v-org-tree --s
// 使用
import VOrgTree from 'v-org-tree'
import 'v-org-tree/dist/v-org-tree.css'
Vue.use(VOrgTree)
文档:https://github.com/lison16/v-org-tree
4.vuedraggable可拖拽
npm i -S vuedraggable
// 使用
import draggable from 'vuedraggable'
文档:https://github.com/SortableJS/Vue.Draggable
5.vue-i18n 国际化
文档:http://kazupon.github.io/vue-i18n/zh/introduction.html
6.html2canvas 网页截图
文档:http://html2canvas.hertzen.com/
7.countup 数字滚动插件
npm: https://www.npmjs.com/package/countup
8.clipboard 复制文字
文档:http://www.clipboardjs.cn/
9.simplemde 富文本编辑器富文本编辑器
参考使用:https://www.jianshu.com/p/52683780c76e
10.codemirror 在线文档编辑
使用说明参考:https://blog.csdn.net/jlu_lei/article/details/80259697
11.vxe-table一个功能非常强大的表格
文档:https://x-extends.github.io/vxe-table/#/table/base/overflow
12.DataV文档,酷炫大屏
文档:http://datav.jiaminghi.com/
13.chartjs文档,移动端图表(和echart类似)
文档:https://www.chartjs.org/docs/latest/charts/scatter.html
14.qs一个轻量的 url 参数转换的 JavaScript 库
文档:https://www.npmjs.com/package/qs
15.js-cookie一个简单的、轻量的处理 cookies 的 js API
文档: https://www.npmjs.com/package/js-cookie
16.flv.js bilibili 开源的 html5 flash 视频播放器,使浏览器在不借助 flash 插件的情况下可以播放 flv,目前主流的直播、点播解决方案。
文档:https://www.jianshu.com/p/b58356b465c4
17.Animate.css 一个跨浏览器的 css3 动画库,内置了很多典型的 css3 动画,兼容性好,使用方便。
文档:https://animate.style/
18.animejs 一款功能强大的 Javascript 动画库。可以与CSS3属性、SVG、DOM元素、JS对象一起工作,制作出各种高性能、平滑过渡的动画效果
文档:https://www.animejs.cn/documentation/
19.lodash.js 一个一致性、模块化、高性能的 JavaScript 实用工具库
文档:https://www.lodashjs.com/
20.mescroll.js 一款精致的、在H5端运行的下拉刷新和上拉加载插件,主要用于列表分页、刷新等场景。
文档:http://www.mescroll.com/
21.math.js 复杂数学计算或者简单计算Decimal.js
文档:https://mathjs.org/index.html
decimal: https://mikemcl.github.io/decimal.js/
可参考:https://blog.51cto.com/u_15127571/2760864
22.json-server模拟接口
文档:https://www.npmjs.com/package/json-server