Vue.js作為當前最熱門的前端開發(fā)框架递胧，已成為了前端開發(fā)者必學的內容之一魂角。但是Vue環(huán)境的搭建稍顯復雜和繁瑣辐怕，項目的構建也沒那么方便铲觉。為了解決這個問題澈蝙，Vue官方提供了Vue CLI。
Vue CLI是一個全局安裝的 npm 包撵幽，提供了終端里的 vue 命令灯荧。它可以通過 vue create 快速創(chuàng)建一個新項目的腳手架，或者直接通過 vue serve 構建新想法的原型盐杂。你也可以通過 vue ui 通過一套圖形化界面管理你的所有項目逗载。
1.安裝
在安裝Vue CLI之前，我們需要先下載Node.js况褪。
Windows和MacOS直接安裝撕贞，安裝選項默認即可:
Linux將壓縮包解壓，并將安裝路徑添加到環(huán)境變量中测垛。
安裝完成后捏膨，打開cmd或終端，輸入命令node --version食侮，出現版本號就代表成功了：
接著就可以安裝Vue CLI了号涯，在cmd或終端輸入如下命令:
npm install -g @vue/cli
然后等待安裝結束，輸入命令vue --version锯七，出現版本號即代表成功链快。
如果輸入vue命令，出現找不到命令的提示眉尸，則通過系統(tǒng)搜索功能搜索“vue”域蜗，找到vue命令所在的文件夾：
然后打開命令所在文件夾，將文件夾路徑添加到環(huán)境變量中:
然后打開cmd噪猾，就能執(zhí)行vue命令了霉祸。
2.使用
在這里只介紹常用的一些命令，如需要查看更多命令請點擊上面的官網鏈接查看官方文檔袱蜡。
首先是創(chuàng)建項目丝蹭，通過vue create命令創(chuàng)建:
vue create newProject
除了可以使用命令行管理項目，vue還提供了UI管理界面坪蚁，通過vue ui可打開UI界面
vue ui
在一個 Vue CLI 項目中奔穿，@vue/cli-service 安裝了一個名為 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service敏晤、或者從終端中以 ./node_modules/.bin/vue-cli-service 訪問這個命令贱田。
在項目默認的package.json中，會看到如下字樣:
{
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
}
}
通過npm run可以調用這些scripts命令:
npm run serve
npm run build
通過npm run serve可建立Web測試環(huán)境嘴脾，實時查看界面效果男摧。
通過npm run build可生成html文件，用于發(fā)布到服務器上。
