Vue从零开始（2）：使用Vue CLI快速生成项目脚手架

前言

上一篇讲到如何搭建前端环境，这一篇我们开始使用Vue CLI来快速生成一个Vue的项目脚手架。

目前Vue CLI有两个版本，新版本Vue CLI3对应@vue/cli，老版本Vue CLI2对应vue-cli。这里分别介绍这两个版本如何创建一个项目。

首先全局安装这两个的其中一个（看过我第一篇已经安装过的可以忽略掉）：

$ cnpm install -g @vue/cli

$ cnpm install -g vue-cli

注意：在同一个环境安装Vue CLI3和Vue CLI2的话，因为他们都是用相同的vue命令，Vue CLI2会被覆盖掉，这时候想要使用Vue CLI2的vue init来搭建项目的话，需要全局安装一个桥接工具：

$ cnpm install -g @vue/cli-init

使用Vue CLI3创建一个项目

1. 运行以下命令创建一个项目：

   $ vue create vue-demo
   

2. 选择Manually select features进行手动配置：