A, the statement

Sass: responsible for styling; Vue: Uses Vuex, Vue-Router, Axios (independent), data two-way binding; Webpack: Loading resources and packaging; ElementUI: UI framework; This is a model for quick build projects, combined with the third plug-in and Vue style guide, this build technology is low cost and practical, if there is a better model or suggestion, welcome to leave a comment.

Second, the steps

1. Install Node, download and install it from the official website, and check the version number after the installation;

2. Install the Vue-CLI scaffold and enter the command NPM install –global Vue-CLI

3. Use scaffolding to create Vue project MyProject and create instructionsvue init webpack myProject



Type n for all, press enter in turn, and the following files will be generated locally when the installation is complete:



4. Execute the following commands to install dependencies, or install with 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

Recommended Plugins:

NPM I --save normalize. CSS // Provides a high degree of consistency across browsers NPM I --save nprogerss // Load progress bar NPM I --save lodash // A high-performance JS tool library NPM I --save Es6-promise // is compatible with es6 NPM I babel-plugin-dynamic-import-node --save-dev //

“Node-sass “: “^4.11.1”, “sass-loader”: “^7.3.0”, “node-sass”: “^4.11.1”, “sass-loader”: “^7.3.0”

7. Package the project and execute the command NPM run build