DOM OPEN CODE

点击 dom 直接跳到编辑器对应代码。

支持 vite/webpack + vue2/vue3 + vscode/websopenrm

## 📦 安装

npm i dom-open-code

🔨 使用

第一步

首先在项目入口文件（ main 文件）中引入插件初始化

import { initDomOpenCode } from "dom-open-code";

// 初始化 dom-open-code
// initDomOpenCode()

// 推荐：只在非生产环境初始化
process.env.NODE_ENV !== "production" && initDomOpenCode();

第二步

// vite.config.ts
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { domOpenCodePlugin } from "dom-open-code/vite";

export default defineConfig({
  plugins: [
    vue(),
    domOpenCodePlugin({}),
  ],
});

💡 注意

如果无法跳转编辑器，请确保你的编辑器已经添加到环境变量，比如 vscode，添加成功后在命令终端输入

code -v

可以看到 vscode 版本信息意味着成功。