vue3中使用插件unplugin-auto-import/vite

自动导入

安装

npm i -D unplugin-auto-import

配置

在vite.config.ts中进行配置

Copy
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import AutoImport from "unplugin-auto-import/vite";

// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
AutoImport({
imports: ["vue"],
dts: true,
}),
],
});

设置dts:true之后，会在当前路径生成一个auto-imports.d.ts文件

注：也可以指定路径

在tsconfig.json中配置

Copy
"include": [
"src/**/*.ts",
"src/**/*.d.ts",
"src/**/*.tsx",
"src/**/*.vue",
"./**.d.ts" *****这一行
],

配置的目的是防止 vue 文件中报红线，虽然不影响运行

效果

Copy


+


{{ num }}





const num = ref(30);

