npm的安装依赖包的回退以及npm一些注意事项,以及常用一些插件

一.版本安装与回退

以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

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值