vue3之vite按需引入解放双手（unplugin-auto-import）

自动导入composition api 和 生成全局typescript说明

npm i -D unplugin-auto-import

vite.config.ts配置

在plugins里面

 AutoImport({
            imports: [
                'vue',
                'vue-router',
                'vue-i18n',
            ],
            // 可以选择auto-import.d.ts生成的位置，使用ts建议设置为'src/auto-import.d.ts'
            dts: 'src/auto-import.d.ts'
        }),

在页面没有引入的情况下，使用unplugin-auto-import/vite来自动引入hooks，在项目中肯定会报错的，这时候需要在eslintrc.js中的extends引入vue-global-api，这个插件是vue3hooks的,其他自己找找，找不到的话可以手动配置一下globals（虽然我没有报错 嘿嘿）

npm install vue-global-api -D

// .eslintrc.js
module.exports = {
  extends: [
    'vue-global-api'
  ]
};