一 建立vue项目
vue init webpack personMsg(最后一个是项目名)
二 引入其他插件
npm install axios --save
npm install qs --save
在main.js中添加
import axios from "axios";
import qs from "qs";
Vue.prototype.$axios = axios;
Vue.prototype.$qs = qs;
使用thIs.$axios
npm i lib-flexible --save
npm i px2rem-loader -D --S
在build文件夹下的utils.js下的exports.cssLoaders添加
const px2remLoader = {
loader: "px2rem-loader",
options: {
remUnit: 75 //1rem=多少像素 这里的设计稿是750px。
}
};
并在function generateLoaders中
把const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
替换成
const loaders = options.usePostCSS? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader];
在main.js中添加 import 'lib-flexible/flexible'
npm install echarts --save
在main.js中添加 import echarts from "echarts";
Vue.prototype.$echarts = echarts;
使用this.$echarts
npm install vuex --save
在main.js中添加
import store from "@/vuex/store";
并且在new Vue store, //使用store
并且在src文件夹下建立vuex文件夹,并在其下建立store.js