Vue3项目vue, vue-router等自动引入

// 引入前
import { ref, computed } from 'vue'
const count = ref(0)
const doubled = computed(() => count.value * 2)

//引入后
const count = ref(0)
const doubled = computed(() => count.value * 2)


// 引入前
import { useState } from 'react'
export function Counter() {
  const [count, setCount] = useState(0)
}

//引入后
export function Counter() {
  const [count, setCount] = useState(0)
}

使用

// 安装
npm i -D unplugin-auto-import
// 新建 auto-import.js
import AutoImport from 'unplugin-auto-import/vite'
export default defineConfig({
  plugins: [
    AutoImport({
      imports: ['vue', 'vue-router', 'vue-i18n', '@vueuse/head', '@vueuse/core'],
        dts: false
    })
  ]
})
// vite.config.js
import createAutoImport from './vite/plugins/auto-import.js'
在 plugins 下引用（如图）