Vue学习系列（二十）：vue-cli脚手架快速搭建Vue项目

Vue学习系列：
上一篇：Vue学习系列（十九）：Vue的路由

在使用vue-cli搭建Vue项目之前，我们需要通过npm或cnpm安装vue-cli，这样我们才可以使用vue-cli来搭建Vue项目。

cnpm install -g @vue/cli

安装完成之后，我们可以通过vue -V命令来查看vue-cli的当前版本，如果出现版本号，则说明安装成功。

当vue-cli安装成功之后，我们就可以开始使用vue-cli来进行搭建Vue项目。

• 创建一个项目名为hello-world的Vue项目

vue create hello-world

• 启动项目

npm run serve

npm run dev 和 npm run serve的区别

其中npm run dev是vue-cli 2.X的运行项目命令，而npm run serve是vue-cli 3.X的运行命令

如果使用的是默认的模板，项目结构如下：

如果选择手动创建项目，可以选择安装功能，上下键移动，空格选中/取消。

例如我选择安装了路由功能，项目结构如下：