學習vue-cli3的專案搭建
阿新 • • 發佈：2018-11-06
安裝
關於舊版本
Vue CLI 的包名稱由 vue-cli 改成了 @vue/cli。 如果你已經全域性安裝了舊版本的 vue-cli(1.x 或 2.x)，你需要先通過 npm uninstall vue-cli -g 或 yarn global remove vue-cli 解除安裝它。
Node 版本要求
Vue CLI 需要 Node.js 8.9 或更高版本 (推薦 8.11.0+)。你可以使用 nvm 或 nvm-windows
可以使用下列任一命令安裝這個新的包：
npm install -g @vue/cli
安裝之後，你就可以在命令列中訪問 vue 命令。你可以通過簡單執行 vue，看看是否展示出了一份所有可用命令的幫助資訊，來驗證它是否安裝成功。
你還可以用這個命令來檢查其版本是否正確 (3.x)：
vue --version
建立一個專案
#vue create
執行以下命令來建立一個新專案：
vue create hello-world
cd hello-world
npm run serve
這個預設的設定非常適合快速建立一個新專案的原型，而手動設定則提供了更多的選項，它們是面向生產的專案更加需要的。
使用圖形化介面
你也可以通過 vue ui 命令以圖形化介面建立和管理專案：
vue ui
上述命令會開啟一個瀏覽器視窗，並以圖形化介面將你引導至專案建立的流程。
拉取 2.x 模板 (舊版本)
Vue CLI 3 和舊版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆蓋了。如果你仍然需要使用舊版本的 vue init
npm install -g @vue/cli-init # `vue init` 的執行效果將會跟 `[email protected]` 相同 vue init webpack my-project