關於舊版本
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在同一臺電腦中管理多個 node 版本。
可以使用下列任一命令安裝這個新的包:
npm install -g @vue/cli安裝之後,你就可以在命令列中訪問
vue
命令。你可以通過簡單執行vue
,看看是否展示出了乙份所有可用命令的幫助資訊,來驗證它是否安裝成功。
你還可以用這個命令來檢查其版本是否正確 (3.x):
vue --version執行以下命令來建立乙個新專案:
這個預設的設定非常適合快速建立乙個新專案的原型,而手動設定則提供了更多的選項,它們是面向生產的專案更加需要的。
你也可以通過vue ui
命令以圖形化介面建立和管理專案:
vue ui上述命令會開啟乙個瀏覽器視窗,並以圖形化介面將你引導至專案建立的流程。
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
vue cli3建立專案
預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...
vue cli3 搭建的前端專案基礎模板
基於vue cli3搭建的前端模板,clone本倉庫,即可搭建完成乙個新專案的基礎模板,原始碼位址,歡迎star或fork build 生成壓縮包 public 靜態資源,不需要 webpack 處理 scripts npm scripts src assets fonts 字型檔案 img les...
使用vue cli 3搭建乙個專案
官方建議,node.js的版本,需要是8.9或者以上 建議是8.11.0 npm install g vue cli vue3.x同樣支援這種方式 vue init webpack project name 我們用最新的建立方式 這裡推薦選擇第二個,第乙個預設沒有 router 和 vuex,個人選...