脚手架工具vue-cli

一、什么 是脚手架工具vue-cli?

类似于工人手里面的脚手架一样，帮助工人搭架子用，同样的vue脚手架工具也是帮助我们更好更快速的开发代码的工具

二、vue-cli能做什么？

三、vue-cli安装

前提条件: Node.js (>=4.x, 6.x preferred), npm version 3（必须安装Node.js）

npm install -g vue-cli

用法：

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

template-name是引用的模板名称，project-name自己的项目名称

eg:

 vue init webpack my-project

webpack引用的模板名称， my-project项目名称

所有官方项目模板都是在vuejs-templates组织中的仓库。 将新模板添加到组织后，就可以运行vue init <template-name> <project-name>来使用该模板。 可以运行vue list查看所有可用的官方模板。

目前可用的模板有：

webpack - 一个功能齐全的Webpack + vue-loader安装程序，带有热重载，linting，测试和css抽取。


webpack-simple - 简单的Webpack + vue-loader设置，用于快速原型设计。


browserify - 一个全功能的Browserify + vueify设置与热重载，linting和单元测试。


browserify-simple - 用于快速原型设计的简单的Browserify + vueify设置。


pwa - 基于webpack模板的vue-cli的PWA模板


简单 - 一个HTML文件中最简单的Vue设置

参考：https://github.com/vuejs/vue-cli