Element Plus自动导入

自动导入是官方推荐做法，下面是具体步骤：

第一步，创建vue3项目，并下载Element Plus(我这里使用的包管理工具为pnpm)

pnpm install element-plus

安装Element icon

pnpm install @element-plus/icons-vue

 第二步，安装插件：

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

第三步，在vite配置文件中增添下面几行：

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

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

然后就在vue组件中任意使用Element ui了。

可能的问题：

正常配置以后可能还是报错，可以尝试下载以往的版本。

例如：

pnpm i element-plus@2.1