模块自动导入的小工具

import { ref, reactive, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'

项目里很多文件都需要引入这些公共库，比较繁琐，使用一个小工具可以自动导入，就不需要在每个文件里面都写这些导入的代码了。

通过命令行下载安装

npm install unplugin-auto-import

然后去配置文件去修改配置，由于我目前的项目是vite，所以直接去vite.config.ts这个文件去修改
引入刚刚下载插件的包，配置plugins，指定生成类型声明文件的路径

import ViteAutoImport from 'unplugin-auto-import/vite'// 插件配置plugins: [vue(),ViteAutoImport ({resolvers: [ElementPlusResolver()],imports: ['vue', 'vue-router', 'pinia'],dts: '@types/auto-imports.d.ts',}),],