搭建vue框架

版本选择

• node v10.15.1
• npm v6.4.1
• vue v2.9.6
• cnpm 6.1.0

安装vue-cli

1.全局安装

安装命令	作用
$ npm install vue-cli -g	安装2.x的vue-cli脚手架
$ npm install -g @vue/cli	安装的3.x的vue-cli脚手架

2.创建webpack的模版
$ vue -V 查看vue版本

2.x创建模版命令	作用
$ vue init webpack my-project	创建webpack模版项目
$ cd my-project	进入到文件夹
$ npm install	安装配置
$ npm run dev	运行项目

安装环境

（1）npm install sass-loader --save-dev
（2）npm install gulp-sass
（3）npm install --save axios
（4）npm install element-ui -S
（5）npm install vuex --save

3.x脚手架安装命令

3.x安装脚手架命令	作用
npm install -g @vue/cli	3.x脚手架
vue create my-project	创建工程