在vue3中使用Element Plus(按需导入)

先打开项目在vscode的终端中输入以下命令实现自动导入

pnpm i element-plus

pnpm install -D unplugin-vue-components unplugin-auto-import

安装完成会得到以下界面

在export default defineConfig添加以下代码

import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

在plugins中添加以下代码

 AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
Components({
      resolvers: [ElementPlusResolver()],
    }),