學習vue cli3的專案搭建

2022-05-14 02:39:46 字數 1311 閱讀 3776

關於舊版本

vue cli 的包名稱由vue-cli改成了@vue/cli。 如果你已經全域性安裝了舊版本的vue-cli(1.x 或 2.x),你需要先通過npm uninstall vue-cli -gyarn 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,個人選...