vue-cli 簡介
vue-cli 是一個官方發(fā)布 vue.js 項目腳手架货抄，使用 vue-cli 可以快速創(chuàng)建 vue 項目埠啃，GitHub地址是：https://github.com/vuejs/vue-cli
vue-cli 初始化
- 安裝vue-cli
直接全局安裝 vue-cli(提前確保node.js已安裝)：
npm install -g vue-cli
如果安裝比較慢，可以使用國內(nèi)淘寶鏡像安裝雅采，如何設(shè)置，自行百度。
- 生成項目
首先需要在命令行中進入到項目目錄丧没，然后輸入：
vue init webpack Vue-Project
其中 webpack 是模板名稱，可以到 vue.js 的 GitHub 上查看更多的模板https://github.com/vuejs-templates
Vue-Project 是自定義的項目名稱锡移，命令執(zhí)行之后呕童，會在當(dāng)前目錄生成一個以該名稱命名的項目文件夾
輸入命令后，會詢問我們幾個簡單的選項淆珊，我們根據(jù)自己的需要進行填寫就可以了夺饲。
Project name :項目名稱 ，如果不需要更改直接回車就可以了施符。注意：這里不能使用大寫往声，所以我把名稱改成了vueclitest
Project description:項目描述，默認(rèn)為A Vue.js project,直接回車戳吝，不用編寫浩销。
Author：作者，如果你有配置git的作者听哭，他會讀取慢洋。
Install vue-router? 是否安裝vue的路由插件塘雳，我們這里需要安裝，所以選擇Y
Use ESLint to lint your code? 是否用ESLint來限制你的代碼錯誤和風(fēng)格普筹。我們這里不需要輸入n败明，如果你是大型團隊開發(fā)，最好是進行配置太防。
setup unit tests with Karma + Mocha? 是否需要安裝單元測試工具Karma+Mocha妻顶，我們這里不需要，所以輸入n杏头。
Setup e2e tests with Nightwatch?是否安裝e2e來進行用戶行為模擬測試盈包，我們這里不需要，所以輸入n醇王。
image.png
配置完成后呢燥，可以看到目錄下多出了一個項目文件夾，里面就是 vue-cli 創(chuàng)建的一個基于 webpack 的 vue.js 項目
然后進入項目目錄（cd Vue-Project）寓娩，使用 npm 安裝依賴
npm install npm會自動下載并安裝項目所依賴的包叛氨。
npm run dev 開發(fā)模式下運行我們的程序。給我們自動構(gòu)建了開發(fā)用的服務(wù)器環(huán)境和在瀏覽器中打開棘伴，并實時監(jiān)視我們的代碼更改寞埠，即時呈現(xiàn)給我們。
出現(xiàn)這個頁面說明項目啟動成功
