Vue Cli3.x搭一個專案

安裝Vue Cli

關於舊版本

VUe CLI 的包名稱由 vue-cli 改成了 @vue/cli。 如果你已經全域性安裝了舊版本的 vue-cli (1.x 或 2.x)，你需要先通過 npm uninstall vue-cli -g 或 yarn global remove vue-cli 解除安裝它。

安裝

npm install -g @vue/cli
複製程式碼

檢查安裝

檢查當前版本是否正確 (3.x)

vue --version
複製程式碼

建立一個專案

vue create hello-world
複製程式碼

使用圖形化介面

你也可以通過 vue ui 命令以圖形化介面建立和管理專案：

vue ui
複製程式碼

開啟一個瀏覽器視窗，並以圖形化介面將你引導至專案建立的流程。

進入專案管理

外掛新增管理

• vuex、vue-router其他外掛一鍵配置

專案配置

• 打包檔案輸入輸出路徑
• CSS設定
• 程式碼質量檢查

開發打包

• 一鍵開發打包
• 監控專案執行

有了Vue Cli，再也不擔心專案架構配置。感謝尤大。期待尤大帶來更多驚喜。