Vue中axios，iview，js-cookie，vuex，less的安装与配置

一、axios

文档链接：axios中文说明文档

详见另一篇文章：axios的常用用法注解

二、iview

官网链接：iViewUI官网

npm install iview --save

main.js文件下的相关配置：

import iView from 'iview';
import 'iview/dist/styles/iview.css';

Vue.use(iView);

三、js-cookie

npm i js-cookie

main.js文件下的相关配置：

import Cookies from "js-cookie";

Vue.prototype.Cookies = Cookies;

js-cookies

四、vuex

详见另一篇文章：Vuex的基本使用

五、less

官网链接：Less官方说明文档

npm install less less-loader --save-dev

在bulid目录下的webpack.base.conf.js找到module，在rules对象中添加：

{
    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader"
}

注：less的使用无需在main.js中引入。

 

附：以上所有在main.js中的设置

import Vue from 'vue';
import App from './App';
import router from './router';
import store from './store/store';
import iView from 'iview';
import 'iview/dist/styles/iview.css';
import axios from 'axios';
import Cookies from "js-cookie";


Vue.prototype.$http = axios;
Vue.prototype.Cookies = Cookies;
Vue.config.productionTip = false


Vue.use(iView);

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,  
  components: { App },
  template: '<App/>'
})