参考：https://segmentfault.com/a/1190000009151389

vue-cli 是什么

平时如果自己配环境Vue+webpack会十分麻烦还容易出错，然而vue-cli就是vue搭配各种工具的配置包。
这里说说Vue-cli搭建的步骤。

详细搭建流程

前提

• 一切的前提是，你已经安装好了node+npm，并且还有vue基础。否则请回官方文档恶补。
• 因为墙的厚度，所以你需要npm换源：http://www.jianshu.com/p/0deb70e6f395
• cmd进入项目文件夹（wordspace/www/projects怎么写都行）

构建项目

命令行全局安装 vue-cli

    npm install -g vue-cli 

在项目文件夹下新建项目

命令行运行

    vue init webpack Project1

这个操作会在wordspace下新建一个project1的文件夹，这就是你新建的项目了。
vue-cli可创建的模板不只webpack还有几个类型：(官方文档)[https://github.com/vuejs/vue-cli#official-templates]
browserify - 拥有高级功能的 Browserify + vueify 用于正式开发。
browserify-simple - 拥有基础功能的 Browserify + vueify 用于快速原型开发。
webpack - 拥有高级功能的 Webpack + vue-loader 用于正式开发。
webpack-simple - 拥有基础功能的 Webpack + vue-loader 用于快速原型开发。
simple - The simplest possible Vue setup in a single HTML file