vue常用插件安装及引用

js-cookie安装使用

安装

npm install js-cookie --save

引用

import Cookies from 'js-cookie'

使用方法

normalize.css在vue中使用

作用

Normalize.css只是一个很小的css文件，但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS
reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之，Normalize.css是一种CSS
reset的替代方案。

安装

npm install --save normalize.css 

main.js中引用

import 'normalize.css/normalize.css'

如果引入报错，可能没有安装css-loader 和style-loader

npm install css-loader style-loader

参考
normalize.css在vue中使用

Vue使用NProgress

NProgress是页面跳转是出现在浏览器顶部的进度条 官网：http://ricostacruz.com/nprogress/
github：https://github.com/rstacruz/nprogress

安装

npm install --save nprogress

使用

router.js

//导入
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

router.beforeEach((to, from, next) => {
  NProgress.start()
  next()
})

router.afterEach(() => {
  NProgress.done()
})

Vue使用NProgress

Path-to-RegExp模块

将路径字符串（如/ user /：name）转换为正则表达式。

path-to-regexp 介绍

安装

npm install path-to-regexp --save

Path-to-RegExp模块

vue-axios 安装和应用

npm install --save axios vue-axios

用到post请求时，需要安装qs

import qs from 'qs'

在main.js引入axios

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.prototype.axios = axios;
Vue.use(VueAxios, axios);

vue-axios 安装和应用

element

npm i element-ui -S

main.js中引用

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/en' // lang i18n
Vue.use(ElementUI);

https://element.eleme.cn/#/zh-CN/component/quickstart
参考
vue项目常用的插件安装命令