使用過vue做前端開發的朋友們都知道vue的官方腳手架是vue-cli， 現在的最新版是vue-cli 3.x版本。之前做項目都是用的命令行創建，現在準備使用UI界面工具創建項目嘗試一下。
一、安裝vue/cli 3.x
首先全局安裝
全局安裝
sudo npm install -g @vue/cli
或
sudo yarn global add @vue/cli
用以下命令打開 Vue UI 工具，它會自動運行圖形頁面 http://localhost:8000 vue ui
看到如下界面：
可以看到三個導航，其中
- 項目 – 列出當前目錄的項目，或者使用此工具生成的項目
- 創建 – 允許創建新的 Vue 項目
- 導入– 允許從目錄或遠程 github 倉庫導入項目。
二、創建項目
切換到創建選項卡：
輸入項目名稱，點擊創建，開始下載：
查看終端窗口，正在下載相關組件：
完成後看到以下界面
點擊在編輯器中打開項目，開始開發工作，
Vue UI 工具從頭開始構建一個新的 VueJS 應用程序感覺很容易，非常不錯！
ok~_~!!
分享到:
