结合webpack+vue+sass+elementui快速搭建框架

一、声明

sass：负责样式；
vue：运用vuex、vue-router、axios(独立)、数据双向绑定；
webpack：加载资源和打包；
elementui：ui框架；
这是快速搭建项目一种模式，再结合第三插件和vue的风格指南，这样搭建的技术成本低且实用，如果有更好的模式或者建议，欢迎大家留言。

二、步骤

1、安装node，官网下载安装即可，安装完后查看版本号；

2、安装vue-cli脚手架，输入指令 npm install --global vue-cli

3、利用脚手架创建vue项目myProject，创建指令 vue init webpack myProject

全都输入n，依次回车，安装完成后，会在本地生成以下文件：

4、依次执行以下命令进行安装依赖，也可以使用yarn进行安装;

npm install
npm install vue-router
npm install vuex --save
npm install axios
npm install node-sass --save-dev 
npm install sass-loader --save-dev
npm install element-ui -S
npm install echarts --save

推荐插件：

npm i --save normalize.css //提供跨浏览器的高度一致性
npm i --save nprogerss  //加载进度条
npm i --save lodash //一个高性能的js工具库
npm i --save  es6-promise //兼容es6
npm i babel-plugin-dynamic-import-node --save-dev //解决编译过慢的问题

注意事项：如果手动安装sass安装遇到报错，可以是存在版本兼容问题，解决就是"node-sass": "^4.11.1"，"sass-loader": "^7.3.0"搭配。

6、运行项目，执行命令 npm run dev
7、打包项目，执行命令npm run build