vue脚手架工具vue-cli

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

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

 

2、vue-cli能作什么？

 

 

3、vue-cli安装

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

npm install -g vue-cli

（1）用法：

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

template-name是引用的模板名称，project-name本身的项目名称

（2）eg（exempli gratia例如）:

vue init webpack my-projec

注意：webpack引用的模板名称， my-project项目名称
    全部官方项目模板都是在vuejs-templates组织中的仓库。 将新模板添加到组织后，就能够运行vue init <template-name> <project-name>来使用该模板。 能够运行vue list查看全部可用的官方模板。
（3）目前可用的模板：

webpack - 一个功能齐全的Webpack + vue-loader安装程序，带有热重载，linting，测试和css抽取。
webpack-simple - 简单的Webpack + vue-loader设置，用于快速原型设计。
browserify - 一个全功能的Browserify + vueify设置与热重载，linting和单元测试。
browserify-simple - 用于快速原型设计的简单的Browserify + vueify设置。
pwa - 基于webpack模板的vue-cli的PWA模板

（4）脚手架关键词解析

    软件开发的脚手架的概念是从建筑学术语上引伸而来。在建筑学上，脚手架指施工现场为工人操做并解决垂直和水平运输而搭设的各类支架。你见过大楼施工吧？在大楼外墙围的那圈支架就是其中一种脚手架。
    在软件开发上（固然也包括前端开发）的脚手架指的就是：有人帮你把这个开发过程当中要用到的工具、环境都配置好了，你就能够方便地直接开始作开发，专一你的业务，而不用再花时间去配置这个开发环境，这个开发环境就是脚手架。
    好比vue.js就有个vue-cli脚手架，基于node.js的开发环境，做者帮你把开发环境大部分东西都配置好了，你把脚手架下载下来就能够直接开发了，不用再考虑搭建这些工具环境。

.