脚手架搭建vue项目及注意事项

一、项目化

cnpm install vue-cli -g	搭建手脚架
vue --version	查看vue版本
vue init webpack ProjectName	初始化项目
cd  PojectName	进入项目
npm install view-design --save	安装iview
npm i element-ui -S	安装element
npm install sass-loader --save-dev npm install node-sass --save-dev	引入sass支持
cnpm install	安装依赖
cnpm install axios -S	安装axios
npm install vuex --save	引入状态管理工具
Vue 不能引入压缩后的JS

二、路由小知识：

    获取当前激活的路由对象 this.$route

    获取所有路由对象 this.$router

三、兼容IE10   

       引入babel-polyfill  转码器。

       作用：IE不支持ES6,使用babel-polyfill 将ES6转码ES5供IE识别。

       npm install babel-polyfill --save-dev

      在webpack.base.conf.js 中

     

 

      重启项目

四、模拟测试数据

          vue项目可以使用mockjs进行拦截axios请求，生成模拟数据进行测试