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的開發環境，做者幫你把開發環境大部分東西都配置好了，你把腳手架下載下來就能夠直接開發了，不用再考慮搭建這些工具環境。

.