Vue2專案架構搭建（二）——vue-cli腳手架建立專案
阿新 • • 發佈：2019-02-10
vue-cli是官方命令列工具，該工具為現代化的前端開發工作流提供了開箱即用的構建配置，只需幾行命令就可以搭建好基礎架構。
安裝vue-cli
使用npm全域性安裝vue-clinpm install -g vue-clivue listvue-cli環境變數設定
設定vue-cli的系統環境變數指向npm全域性檔案目錄，找到系統環境變數裡的“path”，將全域性檔案的路徑新增進去
再執行 vue list 如下圖所示證明vue-cli已經安裝配置成功，可以用vue-cli建立專案了
vue-cli建立專案
上述已經測試vue命令已經可以執行，現在可以直接使用vue命令安裝專案了，在你想要建立專案的資料夾下執行（為了方便，我直接丟D盤裡了） vue init webpack my-vue
等自動安裝好模組內容，會有兩行提示
cd my-vue 進入到自己的專案目錄 npm run dev 啟動專案，完成後開啟瀏覽器，開啟返回的“http://localhost:8080”就能看到vue-cli建立的專案介面了，也說明專案建立成功
本人才疏學淺，如果哪位小夥伴發現問題或者有更好的優化，希望能留言我好及時修改和優化，大家一起學習一起進步，免得被不合理或者錯誤的東西誤導後續看到此博文的小夥伴。