vue项目建立步骤

一 建立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