看的短视频，自己试了下，发现挺好用的：模块自动导入【渡一教育】_哔哩哔哩_bilibili

1. 安装插件

npm i unplugin-auto-import

2. 在vite配置文件（vite.config.ts）中进行配置， 配置完场后，需要重新启动下项目，不然配置不生效

import { fileURLToPath, URL } from 'node:url'import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 1. 引入文件自动导入的插件  / 后面可以选择对应的构建工具，我这里用的vite，所以写的vite
import ViteAutoImport from 'unplugin-auto-import/vite'// https://vitejs.dev/config/
export default defineConfig({plugins: [vue(),// 2. 配置自动导入的模块ViteAutoImport({// 引入一些公共的模块imports: ['vue', 'vue-router', 'pinia'],// 自己写的文件（不推荐用）// dirs: [],// 可以选择自动导入的文件类型    .d.ts文件就是对ts做出类型定义dts: 'src/auto-imports.d.ts'})],resolve: {alias: {'@': fileURLToPath(new URL('./src', import.meta.url))}},
})

3. 就可以进行测试了