安装vue-cli脚手架

     简介：vue cli是一个基于vue.js进行快速开发的完整系统，通过@vue/cli实现的交互式的项目脚手架。可参考官网：https://cli.vuejs.org/zh/

---

    详细步骤：

1. 安装vue cli包：在终端中输入 ：

npm install -g @vue/cli

2. 创建项目（3种方式）

    2.1 通过交互式命令的方式创建vue-cli-test1项目：

• 在终端中输入：vue create vue-cli-test1
• 提示选取一个preset:（如下为新手小白学习参考）

• 

• 结果如右图→：
•  

    2.2 通过图形化界面创建vue-cli-test2项目

• 在终端输入：vue  ui  (会自动打开浏览器)
• 

• 操作步骤为：选择 路径→创建新项目→ 输入文件名→选择手动配置→将：babel, router, linter,使用配置文件  的开关打开→选择ESLint+standard config标准

• 创建完后 启动该项目

• 

    2.3 通过2.x旧模板创建vue-cli-test3项目： 

  在终端中输入： npm install -g @vue/cli-init →  vue init webpack vue-cli-test3

之后与2.1 交互式命令的方式创建vue-cli-test1项目相同