使用vue-cli（vue脚手架）快速搭建项目实例

1、使用npm创建项目

下面整个过程是基于已经安装node.js和cnpm的基础上，node.js如何安装就不在这里详说了。怎么安装，查看这里

1.1 安装webpack

cnpm install webpack -g

显示以上内容说明安装完成！

小知识：
vue-cli是基于nodejs+webpack封装的命令行工具。你可以理解为汇集了各种命令的 bash，或者bat。
原本需要自己配置webpack的相关配置，被cli简化了。并且按照vue的用户习惯整理了一套构建和目录规范。
这样，你只要按照vue-cli的配置规则来，就可以满足很多繁琐的webpack+plugin配置

1.2 全局安装 vue-cli

在命令提示窗口执行

cnpm install  vue-cli  -g

如下是安装成功界面：

出现以上提示表示vue-cli正常安装成功，可以正式创建vue-cli工程项目了

1.2 创建项目

安装vue-cli成功后，通过cd命令进入你想放置项目的文件夹，我的目录是：D:\work\mytest
在命令提示窗口执行创建vue-cli工程项目的命令

vue init webpack test-vue-pro