Vue3:基础项目UI框架PC端（Element ui，view-ui-plus，Ant Design Vue）

在Vue 3中，可以选择Element UI、View UI Plus或Ant Design Vue作为UI框架来创建PC端应用。以下是如何安装和设置这些UI框架的简要步骤：

1. 使用npm或yarn安装Element UI：

npm install element-plus --save
# 或者
yarn add element-plus

2. 在Vue项目中全局引入Element UI：

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
 
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

对于View UI Plus或Ant Design Vue，步骤类似：

1. 安装View UI Plus：

npm install view-ui-plus --save
# 或者
yarn add view-ui-plus

2. 全局引入View UI Plus：

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import ViewUIPlus from 'view-ui-plus'
import 'view-ui-plus/dist/styles/view-ui-plus.css'
 
const app = createApp(App)
app.use(ViewUIPlus)
app.mount('#app')

对于Ant Design Vue：

1. 安装Ant Design Vue：

npm install ant-design-vue --save
# 或者
yarn add ant-design-vue

2. 全局引入Ant Design Vue：

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
 
const app = createApp(App)
app.use(Antd)
app.mount('#app')

选择其中一个框架进行安装和配置后，你就可以在Vue 3项目中使用它来创建PC端界面了。