Vue3自动导入element-plus库（官方推荐）

第一步

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

第二步

//vue.config.js页面
const { defineConfig } = require('@vue/cli-service')

const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()]
      }),
      Components({
        resolvers: [ElementPlusResolver()]
      })
    ]
  }
})

注意

这里的 configureWebpack，官网上并没有说，当时由于我用这个推荐的导入方式之后，一直报错，然后在vue-cli的官网里找到这个api，用这个api包括这个内容就可以了。

最后

自动导入之后，保存运行，会生成这两个ts文件

 然后就可以直接用了。