vue3 配置自动导入API和组件

前言

在开发vue项目的过程中，像 ref、react等常用的api总是频繁导入，有点麻烦。
发现github上有一个不错的开源工具unplugin-auto-import，可以借助它 让所需自动导入。

安装和配置

项目中安装依赖

yarn add --dev unplugin-auto-import

配置vite.config.js（如果你用的是其它脚手架 参考其官网教程）

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

export default defineConfig({
  plugins: [
    ...
    AutoImport({ imports: ['vue', 'vue-router'] }),
  ],
  ...
})

参考

https://blog.csdn.net/2303_77072102/article/details/135473453
https://www.jb51.net/javascript/318282pkh.htm