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

安装

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": "自动导入常用函数和变量"
相关推荐
山河木马10 小时前
矩阵专题3-怎么创建投影矩阵(uProjectionMatrix)
javascript·webgl·计算机图形学
天蓝色的鱼鱼10 小时前
关于 CSS 你可能不知道的属性,但关键时刻很有用
前端·css
泯泷11 小时前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
妙码生花11 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十五):优化细节、网络请求封装
前端·后端·ai编程
泯泷11 小时前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
团团崽_七分甜11 小时前
Spring Boot 核心知识点总结
前端
lichenyang45312 小时前
从一个按钮开始,理解 ASCF 框架到底在做什么
前端
古夕12 小时前
第三方 SSO 接入实践:redirect_uri 编码、回调一致性与跨项目联调
前端·vue.js
朦胧之12 小时前
页面白屏卡住排查方法
前端·javascript