一 安裝環境
vue-cli 4.5.12
node.js 14.15.1
二 安裝Node.js
下載地址：https://nodejs.org/en/
安裝完成后，查看node版本
node -v
三 安裝vue-cli
全域安裝vue-cli
npm install(i) -g @vue/cli
npm 是使用國外資源，下載會很慢，可以使用國內淘寶鏡像下載
安裝cnpm
npm install -g cnpm -registry=https:://registry.npm.taobao.org
cnpm安裝完成后，可使用cnpm進行安裝
cnpm install(i) -g @vue/cli
安裝完成后，查看vue-cli版本
vue -V
四 創建專案
創建專案
vue create xf-project(專案名稱)
這里可以根據自己的需求，選擇安裝方式，我選擇的是手動選擇功能
點擊空格選中要安裝的功能，點擊Enter鍵下一步，接下來的選擇會基于選擇安裝的功能進行
選擇vue版本
配置路由(是否使用歷史（即上一次）使用的 Router 配置)
選擇CSS前處理器
選擇一個linter/formatter配置
選擇lint方式,保存時檢查/提交時檢查
將此保存為feture專案的預設
專案創建中
如果安裝速度太慢，可以使用淘寶鏡像進行安裝
create install xf-project(專案名稱) --registry=https://registry.npm.taobao.org
專案創建完成
進入專案目錄
cd xf-project
運行專案
npm run serve
在瀏覽器看到此頁面表明專案創建成功
參考：
vue-cli官網：https://cli.vuejs.org/zh/guide/
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/277389.html
標籤：區塊鏈