Vue CLI（脚手架）的使用

1 安装 Node.js (才能使用npm命令（包管理器）)

2 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

3 安装Vue CLI3

   cmd 命令行中输入 ： npm install -g @vue/cli   

（-g 全局安装，不要自己配置环境变量，一般使用全局安装。 @vue/cli  CLI3及以上安装方式）

3.1 如果既想安装CLI2 的话可以用如下命令

  cmd 命令行中输入 ： npm install -g @vue/cli-init -g    

3.2 Vue CLI2  初始化项目

    vue init webpack my-project（项目名称）

 

3.3 Vue CLI3初始化项目

     注：vue-cli3 是基于webpack4 打造，vue-cli2是基于webpack3

     vue-cli3 的设计原则是“0配置”，移除的配置文件根目录下的，build 和config 等目录

     vue-cli3 提供了vue ui命令，提供了可视化配置，更加人性化

     移除了static文件夹，新增了public文件夹，并且index.html移动到public中

     vue create   my-project（项目名称）