使用vue可视化界面创建vue项目

使用vue可视化界面创建vue项目

首先需要安装node、vue

接下来我们来查看版本

C:UsersXiang>node -v
v14.15.5

C:UsersXiang>npm -v
8.1.1

C:UsersXiang>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的可视化管理工具界面

项目创建完成后会跳转到这个页面、点击运行

运行效果页面

项目代码路径