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

使用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/cli@3.11.0
# 打開vue的可視化管理工具界面
vue ui

vue的可視化管理工具界面

項目創建完成后會跳轉到這個頁面、點擊運行

運行效果頁面

項目代碼路徑