安装
vue-ui（图形化管理器）安装element-ui插件后，报错如下
报错：
原因是vue3项目应该安装element-plus
使用可视化安装没成功，使用的vscode
# 选择一个你喜欢的包管理器
# NPM
$ npm install element-plus --save
# Yarn
$ yarn add element-plus
# pnpm
$ pnpm install element-plus安装之后，在main.js中进行注册
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
createApp(App).use(store).use(router).use(ElementPlus).mount('#app')vue-ui的项目结构
创建后的项目结构，跟用命令行创建结果是一样的。
demo_vuecli5 项目（UI图形化界面方式创建Vue项目）
│
│
├── .git 目录。配置 git 上传想要忽略的文件格式。
│ ├── v
│ ├── v
│ └── v
│
├── node_modules 目录 （vue 项目的文件依赖存放在这个文件夹。）
│ ├── 所有在package.json中定义的第三方包都会被自动下载，保存在该文件夹下。
│ ├── v
│ └── v
│
│
├── public 目录：存放项目公共资源。如网站LOGO等。
│ │ 通常我们不需要对public文件夹内的资源做任何修改。
│ │ 后续在构建打包时，public内容会直接放到dist文件夹内plugins插件资源；
│ ├── favicon.ico
│ ├── index.html 模板文件，作用是生成项目的入口文件。
│
│
├── src 目录 ：存放 vue 项目的源代码。其下的各个文件（文件夹）分别为：
│ ├── assets 目录 ：资源文件，存放 css，图片等资源。
│ ├── component 目录 ：组件文件夹，存放 vue 的公共组件（核心）
│ │ （注册于全局，在整个项目中通过关键词便可直接输出）。
│ │
│ ├── router 目录 ：用来存放 index.js，用来配置路由，定义各个页面对应的URL。
│ ├── store 目录 ：组件文件夹,存放 vue 的公共组件(vuex 文件,项目里一些状态)
│ ├── views 目录：放主体页面，vue 文件是可以用来充当路由 view 的。
│ ├── tool：用来存放工具类 js，
│ │ 将 js 代码封装好放入这个文件夹可以全局调用
│ │ （如api.js，http.js 是对 http 方法和 api 方法的封装）。
│ ├── main.js：是项目的入口文件，初始化 vue 实例，并引入所需要的插件。
│ ├── app.vue：是项目的主组件，所有页面都是在该组件下进行切换的。
│ ├──
│ └── v
├── .browserslistrc
├── .eslintrc.js
├── .gitignore
├── package.json 存放项目的依赖配置
├── babel.config.js 工具链，用于在当前较旧的浏览器环境中将 ES6 代码转换低版本ES
├── package.json 模块基本信息项目开发所需要的模块，版本，项目名称。
├── package-lock.json 是在 npm install 时候生成的一份文件，
│ 记录实际安装的各个 npm package 的具体来源和版本号。
├── tsconfig.json
└── vue.config.js
总结
vue有个本地图形化管理器，基于vue/cli-ui。vue/cli-ui 是 vue-cli 内置的一套成熟的 UI。
Vue-cli 的 3.x 版本由内到外完全重写，带来了许多新特性。你可以在你的项目中选用路由、Vuex 和 Typescript 等等特性，并为项目添加“vue-cli 插件”。不过，这么多的选项也意味着它更加复杂，难以上手。相比局限的命令行界面，一个成熟的 GUI 更能帮助你发掘这些新特性，搜索和安装 vue-cli 插件，解锁更多可能。
到此为止，我们使用图形化界面创建了vue项目，通过添加插件和依赖的方法对项目进行了初始化。虽然使用时有时会有小bug，但相比命令行界面，ui图形化界面更加直观。大家可以按自己习惯和需求选择创建vue项目的方法。
需要注意的是，Vue CLI 现已处于维护模式！！！现在官方推荐使用 create-vue 来创建基于 Vite 的新项目。