npm个人使用笔记

152 阅读2分钟

一.版本安装与回退

以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')

文档:github.com/iamkun/dayj… 2.cropperjs 图片上传以及裁剪的一款插件

npm install cropperjs --s
// 页面引入使用,详情看翻译文档
import Cropper from 'cropperjs'
import 'cropperjs/dist/cropper.min.css'

文档:www.jianshu.com/p/4644a626e…

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)

文档:github.com/lison16/v-o… 在这里插入图片描述

4.vuedraggable可拖拽

npm i -S vuedraggable
// 使用
  import draggable from 'vuedraggable'

文档:github.com/SortableJS/…

5.vue-i18n 国际化

文档:kazupon.github.io/vue-i18n/zh…

6.html2canvas 网页截图 文档:html2canvas.hertzen.com/

7.countup 数字滚动插件 npm: www.npmjs.com/package/cou…

8.clipboard 复制文字 文档:www.clipboardjs.cn/

9.simplemde 富文本编辑器富文本编辑器 参考使用:www.jianshu.com/p/52683780c…

10.codemirror 在线文档编辑 使用说明参考:blog.csdn.net/jlu_lei/art…

  1. 表格

ag-grid是一款极其优秀的表格插件几乎能满足你所有的需求 文档 https://www.itxst.com/ag-grid/nqrfnuzz.html

vxe-table一个功能非常强大的表格 文档:x-extends.github.io/vxe-table/#…

12.DataV文档,酷炫大屏 文档:datav.jiaminghi.com/

13.chartjs文档,移动端图表(和echart类似) 文档:www.chartjs.org/docs/latest…

14.qs一个轻量的 url 参数转换的 JavaScript 库 文档:www.npmjs.com/package/qs

15.js-cookie一个简单的、轻量的处理 cookies 的 js API 文档: www.npmjs.com/package/js-…

16.flv.js bilibili 开源的 html5 flash 视频播放器,使浏览器在不借助 flash 插件的情况下可以播放 flv,目前主流的直播、点播解决方案。 文档:www.jianshu.com/p/b58356b46…

17.Animate.css 一个跨浏览器的 css3 动画库,内置了很多典型的 css3 动画,兼容性好,使用方便。 文档:animate.style/

18.animejs 一款功能强大的 Javascript 动画库。可以与CSS3属性、SVG、DOM元素、JS对象一起工作,制作出各种高性能、平滑过渡的动画效果 文档:www.animejs.cn/documentati…

19.lodash.js 一个一致性、模块化、高性能的 JavaScript 实用工具库 文档:www.lodashjs.com/

20.mescroll.js 一款精致的、在H5端运行的下拉刷新和上拉加载插件,主要用于列表分页、刷新等场景。 文档:www.mescroll.com/

21.math.js 复杂数学计算 文档:mathjs.org/index.html

22.json-server模拟接口 文档:www.npmjs.com/package/jso…

23.swiper 一款非常好用的轮播图插件: 文档

24.bpmn.js 非常强大好用的流程编辑器,这边推荐掘金 MiyueFE专栏 juejin.cn/column/6964…