六、第一個(gè)vue-cli程序
目錄：什么是vue-cli、需要的環(huán)境、第一個(gè)vue-cli應(yīng)用程序
1.什么是vue-cli
vue-cli是官方提供的一個(gè)腳手架，用于快速生成一個(gè)vue項(xiàng)目模板。
預(yù)先定義好的目錄結(jié)構(gòu)及基礎(chǔ)代碼，就好比在創(chuàng)建Maven項(xiàng)目時(shí)可以選擇創(chuàng)建一個(gè)骨架項(xiàng)目，這個(gè)骨架項(xiàng)目就是腳手架，使開發(fā)更加的快速。
主要的功能：統(tǒng)一的目錄結(jié)構(gòu)、本地調(diào)試、熱部署、單元測試、集成打包上線
2.需要的環(huán)境
Node.js：http://nodejs.cn/download
Git：https://git-scm.com/downloads
鏡像：https://npm.taobao.org/mirrors/git-for-windows/
確認(rèn)nodejs安裝成功：
①cmd下輸入node -v，能夠正確打印出版本號即可。
②cmd下輸入npm -v，能夠正確打印出版本號即可。
這個(gè)npm就是一個(gè)軟件包管理工具，就和linux下的apt軟件安裝差不多。
安裝Node.js淘寶鏡像加速器（cnpm）：
注意：安裝過程可能會有點(diǎn)慢，但下載會快很多。
# -g就是全局安裝
npm install cnpm -g
# 或使用如下語句解決npm速度慢的問題
npm install --registry=https://registry.npm.taobao.org
安裝的位置：C:\User\Administrator\AppData\Roaming\npm
安裝vue-cli
cnpm install vue-cli -g
# 測試是否安裝成功
# 查看可以基于哪些模板創(chuàng)建vue應(yīng)用程序，通常選擇webpack
vue list
3.第一個(gè)vue-cli應(yīng)用程序
1）創(chuàng)建一個(gè)Vue項(xiàng)目，隨便建立一個(gè)空的文件夾。
2）創(chuàng)建一個(gè)基于webpack模板的vue應(yīng)用程序
# 這里的myvue是項(xiàng)目名稱，可以根據(jù)自己的需求取名
vue init webpack myvue
一路選擇no即可。
說明：
- Project Name：項(xiàng)目名稱，默認(rèn) 回車即可。
- Project description： 項(xiàng)目描述，默認(rèn) 回車即可。
- Author：項(xiàng)目作者，默認(rèn) 回車即可。
- Install vue-router：是否安裝vue-router，選擇n不安裝（后期需要再手動安裝）。
- Use ESLint to lint your code：是否使用ESLint做代碼檢查，選擇n不安裝（后期需要再手動添加）。
- Set up unit tests：單元測試相關(guān)，選擇n不安裝（后期需要再手動添加）。
- Setup e2e tests with Nightwatch：單元測試相關(guān)，選擇n不安裝（后期需要再手動添加）。
-
Should we run npm install for you after the project has been created：創(chuàng)建完成后直接初始化，選擇n，手動執(zhí)行運(yùn)行結(jié)果。
創(chuàng)建項(xiàng)目說明
初始化并運(yùn)行
cd myvue
npm install
npm run dev
執(zhí)行完成后，目錄多了很多依賴。
