vue3+vite+element-plus下使用unplugin-auto-import自动导入，并解决eslint、typescirpt变量报错问题

文章索引

一、安装

1	npm i -D unplugin-auto-import

// 按需自动导入

import AutoImport from 'unplugin-auto-import/vite'

import Components from 'unplugin-vue-components/vite'

import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

export default ({ mode }) => {

return defineConfig({

...

plugins: [

...

AutoImport({

resolvers: [

ElementPlusResolver()

dts: './auto-imports.d.ts',

eslintrc: {

enabled: true,

filepath: './.eslintrc-auto-import.json',

globalsPropValue: true

}

})

]

})

{

"globals": {}

}

{

...

"extends": [

...

"./.eslintrc-auto-import.json"

]

}

{

...

"include": ["./auto-imports.d.ts"]

}