vue Vue CLI 3建立專案

2021-09-02 08:14:58 字數 1709 閱讀 7823

① 若你的計算機已經安裝了舊版本的vue-cli，你需要先解除安裝它。

npm uninstall vue-cli -g
② 解除安裝完舊版本之後，安裝新版本。（注：node.js版本要求8.9以上）

npm install -g @vue/cli
③ 使用vue --version檢查當前版本是否正確。

推薦使用cmd來建立，因為涉及到一些設定。

① 新建專案hello-world（專案名可自定義，但不能有大寫字母）

vue create hello-world
②回車之後出現以下提示，即選擇乙個preset（通過上下鍵來選擇，cmd的好處就體現了）

1>預設，包含babel+eslint設定的preset

2>手動選擇特性（即需要自己一步步的選擇自己的專案所需的特性）

? please pick a preset: (use arrow keys)


> default (babel, eslint)


manually select features
若選擇1，則專案直接建立完成；選擇2，則繼續往下走。

③ 選擇2之後，出現以下特性供你選擇，若需要的按空格選中：

? please pick a preset: manually select features


? check the features needed for your project: (press to select, to t


? check the features needed for your project:


>(*) babel


( ) typescript


(*) router


(*) vuex


(*) css pre-processors


(*) linter / formatter


(*) unit testing


( ) e2e testing
我選擇了以上幾個（帶*的項）。

③ 進行更詳細的配置：

一問，是否要history模式，我選否；

二問，要用何種css預處理器，（根據自身情況選）；

三問，選擇linter / formatter規範型別，我選eslint + standard config

…之後我都是回車

…最後一問，是否將此作為將來專案的配置，我選了否

④ 開始建立，需要等待一會兒

至此專案建立完成。

可以cd到該專案目錄下，執行以下命令，開啟localhost:8080檢視專案。

npm run serve
使用圖形化介面：

cd 到該專案目錄下，輸入以下命令之後會開啟圖形化介面。

vue ui
vue create專案時，出現以下報錯：

npm err! unexpected end of json input while parsing near

解決：

npm cache clean --fore

超詳細簡介Vue vue cli的建立

vue cli vue cli是官方提供的乙個模板 主要功能 需要的環境 node.js 在cmd輸入 node v npm v 推薦用 映象 確認已經安裝了 npm install cnpm g安裝vue cli cnpm install vue cli g建立乙個空資料夾 建立乙個基於webpa...

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...

umi3js 建立專案

安裝 npm i umi g專案目錄 生成頁面 生成首頁 umi g page index啟動 umi dev再建立乙個頁面about umi g page about動態路由 再建立乙個頁面users id umi g page users id 動態路由取值 export default 巢狀路...