unplugin-auto-import 插件安装配置与使用

安装

npm i -D unplugin-auto-import

配置

在vite.config.ts中进行导入并配置

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

export default defineConfig({
  plugins: [
      ...
    AutoImport({ 
        /* options */
        // 这是vue3的配置
        imports:['vue'],
        dts:"src/auto-import.d.ts" // 生成在src路径下名为auto-import.d.ts的声明文件
     }),
  ],
})

完成之后便可以使用了，在使用vue3中的api时可以无需进行import导入，直接使用就可以了。