Vue 自动导入函数和变量插件 unplugin-auto-import

HarryHY2025-06-10 9:33

安装

javascript 复制代码

npm i unplugin-auto-import  -D

vite.config文件

javascript 复制代码

//引入
import ViteAutoImprot from 'unplugin-auto-import/vite'; // 自动导入常用函数和变量

//配置
plugins:[
    ViteAutoImprot({
      imports: ['vue', 'vue-router'],//自动导入常用函数和变量
    }),
]

使用

javascript 复制代码

//import { ref... } from 'vue';
无需再写
直接使用
const h1 = ref(null)

vscode 使用json-comments插件给packjson添加注释

javascript 复制代码

      "devDependencies.unplugin-auto-import": "自动导入常用函数和变量"

Vue 自动导入函数和变量插件 unplugin-auto-import

安装

vite.config文件

使用

vscode 使用json-comments插件 给packjson添加注释

vscode 使用json-comments插件给packjson添加注释