Vue是當前最流行的三大前端框架之一，剛學Vue的時候感覺也沒什么新奇的地方，后來對Vue的接觸深了才知道這個框架流行的原因了。
現在進入正題：
先說一說腳手架的作用——它能幫助你快速開始一個vue項目，其實其本質就是給你一套文件結構，包含基礎的依賴庫，你只需要npm install一下就可以安裝。讓你不需要為編譯或其他瑣碎的事情而浪費時間，這並不會限制到你的發揮。
如何安裝：
進入網址后，選擇下載方式最好是選擇官網
鏈接】安裝Node.js和npm
https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450141843488beddae2a1044cab5acb5125baf0882000
下載完事后在“終端”按照以下的步驟完成：
（本人是Mac，windon的用戶根據自己終端指令完成）
1、確保安裝過vue-cli模塊 npm install vue-cli -g
2、初始化本地項目（下載腳手架摸版）vue init webpack xxx(工程名稱)
vue-router：路由器組件：YES
（YES完事是三個no，具體的記不太清楚）（一個YES三個NO，記住就好了）
3、進入到工程文件夾下，cd xxx
4、運行項目於本地服務器，npm run dev
當出現這種樣式，這名你已經完成了腳手架的創建！ 你就可以在網址上輸入：http://localhost:8080 看看效果
用你的編譯軟件，找到腳手架的位置，打開。你會看到很多的文件。
給你們整理了一下，看一下這些文件用處：
build ——項目配置文件夾
build.js ——項目環境配置代碼
check-version.js ——檢查node-npm版本的插件
logo.png ——vue的logo圖片
utils.js ——項目配置變量
vue-loader.conf.js ——在.vue文件中用於處理css的規則
webpack.base.conf.js ——webpack基礎配置
webpack.dev.conf.js ——webpack開發環境配置（包括測試服務器環境）
webpack.prod.conf.js ——webpack生產環境配置（打包時的配置代碼）
config ——環境變量的配置
dev.env.js ——開發環境變量配置
index.js ——webpack相關變量配置（開發環境接口代理在這里配置）
prod.env.js ——發布環境變量配置
node_modules ——當前工程下載的第三方模塊插件包（npm下載和管理的模塊所在的位置）
src ——源碼目錄
assets ——靜態資源文件（會被webpack構建並打包的）
logo.png ——logo圖片屬於靜態資源
components ——vue公共組件
HelloWorld.vue ——一個組件文件(.vue)
router ——路由配置
index.js ——具體路由代碼
App.vue ——vue的頁面入口，打開的頁面就是這個文件
main.js ——webpack打包的入口文件，加載各種組件、配置、變量
static ——純靜態資源文件夾，不會被webpack打包
babelrc ——es6語法編譯配置
editorconfig ——定義代碼格式
gitignore ——git上傳時需要忽略的文件的列表
postcssrc.js ——postcss-loader模塊配置文件，用於加載css
index.html ——項目真正的入口（app.vue需要嵌入在html里）
package.json ——項目基本信息(包括一些指令等)
package-lock.json ——項目依賴包版本，鎖定文件
README.md ——項目說明文件（使用markdown語法編寫）
當你要創建新的工程的時候，直接下載腳手架模版就可以了：vue init webpack xxx(工程名稱)
省略掉第一步。
在最后提一下工程打包：
打包后的工程就可以用了！
在編譯軟件下的終端輸入指令：npm run build
看到這樣效果，就完成了！
