1.首先是使用elementPlus的自动导入

在vite.config.js中配置

import { defineConfig } from "vite";
import path from 'path'
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";export default defineConfig({plugins: [vue(),AutoImport({//安装两行后你会发现在组件中不用再导入ref，reactive等imports: ["vue"],dts:"./auto-imports.d.ts",resolvers: [ElementPlusResolver()],}),Components({resolvers: [ElementPlusResolver()],}),]
})

按照以上配置完之后，当在代码中使用elementplus相关组件的时候，会在根目录下自动生成

auto-imports.d.ts    components.d.ts  这两个文件

2.在组件中使用elementplus组件爆红警告

解决方式：

在tsconfig.json中，增加标红框文件配置，目的就是将根目录下包含.d.ts的文件中的匹配项，应用于整个项目的匹配项检查，去除代码检查爆红警告