vue-cli

1.概念：vue-cli是Vue的脚手架工具，可以帮助我们编写好Vue.js基础代码。它能够帮我们搞定（1）目录结构（2）本地调试（3）代码部署（4）热加载（5）单元测试。

2.git-hub网址：https://github.com/vuejs/vue-cli

3.一般我们学习一个开源工具最好的办法就是在github上看它的readme.md。

4.Vue-cli是一个node包，需要通过npm来安装:

$ npm install -g vue-cli

安装的时候，我们是全局安装，安装成功后我们就可以全局使用vue命令。

5.vue-cli使用方法：

$ vue init <template-name><project-name>

例如：$ vue init webpack my-project
<template-name>是模板名称，模板就是安装成功后给你生成的代码模板，它分为三类：
(1)Official Templates(官方模板)
这是我们通常用的，官方模板有基于webpack、webpack-simple、browserify、browserify-simple、simple的。
(2)Custom Templates(自定义模板)
比如说：vue init username/repo my-project，这种方式相当于从自己的仓库去安装。
我们想自定义一个Templates的话，我们可以参照webpack他是怎么来写的，这样我们就可以去自定义一个属于自己的模板。
<project-name>是我们安装后它会在当前目录下生成一个名为project-name的目录，然后把模板的所有代码都自动生成到这个目录下。
图1：

图2：

图3：

图4：