使用vue可視化界面建立vue項目

首先需要安裝node、vue

接下來我們來檢視版本

C:\Users\Xiang>node -v
v14.15.5

C:\Users\Xiang>npm -v
8.1.1

C:\Users\Xiang>vue -V
3.11.0
           

vue需在3.0以上才能使用可視化管理工具界面

# 安裝淘寶
npmnpm install -g cnpm --registry=https://registry.npm.taobao.org
# vue-cli 安裝依賴包 我這兒是3.11.0
cnpm install -g @vue/[email protected]
# 打開vue的可視化管理工具界面
vue ui
           

vue的可視化管理工具界面

項目建立完成後會跳轉到這個頁面、點選運作

運作效果頁面

項目代碼路徑