vue3+Vue cli+element-plus

Vue 3 是 Vue.js 框架的最新版本，它带来了许多新特性和改进，比如性能提升、Composition API、TypeScript 支持等。Vue CLI 是官方提供的脚手架工具，可以帮助我们快速搭建 Vue 项目，提供了许多开箱即用的特性，比如热重载、代码分割、自动化测试等。Element Plus 是一套基于 Vue 3 的 UI 组件库，它是对 Element UI 的升级版，提供了更好的性能和更丰富的组件。

使用 Vue CLI 创建一个 Vue 3 项目，然后安装 Element Plus：

# 创建 Vue 3 项目
vue create my-project

# 安装 Element Plus
npm install element-plus --save

在项目中使用 Element Plus 的组件，需要先在 main.js 中引入组件库：

import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

import App from './App.vue';

const app = createApp(App);
app.use(ElementPlus);
app.mount('#app');

然后就可以在组件中使用 Element Plus 的组件了，比如在 App.vue 中使用 Button 组件：

<template>
  <div>
    <el-button>Click me</el-button>
  </div>
</template>