一、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/>'
})