1:安装vue-cli

命令:npm install -g @vue/cli

2:查看安装的版本

vue --version 或者 vue -V

3:创建项目

vue create 项目名称                         名称小写

使用vue-cli搭建vue项目_前端

 

4:vue2框架中根据自己的需求选择(我选择了自定义)

使用vue-cli搭建vue项目_前端_02

5:选择的一些配置

使用vue-cli搭建vue项目_javascript_03

选择版本:2

使用vue-cli搭建vue项目_vue.js_04

是否使用历史的路由模式:是

使用vue-cli搭建vue项目_javascript_05

常见的配置信息,都存放到package.json文件中

使用vue-cli搭建vue项目_vue.js_06

是否保存以上设置

使用vue-cli搭建vue项目_vue.js_07

构建完成进入新创项目位置,启动项目

使用vue-cli搭建vue项目_自定义_08

6:启动创建好的vue项目

出现该页面构建成功

使用vue-cli搭建vue项目_前端_09