Vue常用组件安装命令合集

qs

是一个流行的查询参数序列化和解析库。可以将一个普通的object序列化成一个查询字符串，或者反过来将一个查询字符串解析成一个object,帮助我们查询字符串解析和序列化字符串。

npm install qs
npm install axios -S

elementui

ui组件库

npm i element-ui -S
npm i element-ui@2.15.6 -S 
npm install element-ui@版本号 --sav

sass/scss

CSS扩展语言，sass版本3.0之前的后缀名是.sass，版本3.0之后的后缀名是.scss。

sass是不使用花括号和分号，scss需要花括号和分号。

npm install sass --save-dev
npm install node-sass --save-dev
npm install sass-loader --save-dev
npm install style-loader --save-dev

npm install sass-loader node-sass vue-style-loader --D

js-cookie

cookie缓存

npm install js-cookie --save

normalize.css

在默认的HTML元素样式上提供了跨浏览器的高度一致性。

npm install normalize.css@7.0.0 --save

svg-sprite-loader

创建 svg 雪碧图的 Webpack 加载器，可以使多个svg图标合并。

npm install svg-sprite-loader@版本号 --save-dev

vuex

vue2只能用vuex3版本，vue3只能用vuex4版本，对于vue2，要注明vuex的版本 @3，如果不加@3则默认安装vuex4

npm i vuex@3

vue-router

npm install vue-router@版本号

axios

npm i axios

webpack

npm install --global webpack

polyfill

webpack5中移除了nodejs核心模块的polyfill自动引入，所以需要手动引入。

npm install node-polyfill-webpack-plugin

clipboard

实现复制功能

npm install clipboard --save

nprogress

页面跳转时出现在浏览器顶部的进度条。

npm install nprogress --save

font-awesome

npm install font-awesome --save

vue-meta

管理HMTL头部标签，同时也支持SSR。主要用于浏览器（如和现实内容或重新加载页面）、搜索引擎（如SEO）及其他web服务。

npm install vue-meta --save

svg-sprite-loader

npm install svg-sprite-loader

mavonEditor

富文本编辑器

npm install mavon-editor@2.9.1 --save

wangEditor

富文本编辑器

npm install @wangeditor/editor --save    //版本5.1.23
npm install @wangeditor/editor-for-vue --save //版本1.0.2

quil

富文本编辑器

npm install vue-quill-editor --save
npm install quill@1.3.7 --save

cherry-markdown

富文本编辑器

npm install cherry-markdown@0.8.22 --save

file-saver

导出文件（Excel、图片、文本）

npm install file-saver --save

jsencrypt

npm install jsencrypt

treeselect

树形下拉框。

npm install --save @riophae/vue-treeselect

highlight

代码高亮插件

npm i highlight.js

vue-meta-info

动态设置标题

npm install vue-meta-info --save

vue-lazyload

图片懒加载

npm install vue-lazyload@1.2.3 --save

node-polyfill-webpack-plugin

npm install node-polyfill-webpack-plugin@2.0.1 --save-dev

path-to-regexp

将url输出为匹配规则

 npm install path-to-regexp@2.4.0 --save

screenfull

全屏

npm install screenfull@4.2.0 --save