在开发页面点击任意 UI 元素
GULI-lab/DSH-element-source · 技能
在开发页面点击任意 UI 元素，一键定位 Vue / React / Svelte / Angular 源码。
★ 6GitHub 星标
0分支
2026-09-06最近更新
TypeScript开发语言
MIT许可证
主要功能
- 前端 dev server 通常跑在 localhost，因此本插件自带一个极简的「本地预览」Tab——一个能直接打开本机地址（localhost / 127.x）的 iframe + 地址栏（它不是浏览器，不做多标签 / 历史等功能）。
- 在「本地预览」入口里打开你的前端页面（dev server）——装有 dsh-better-sidebar 时它是侧边栏里的一个 Tab，没装时是本插件自带的右侧侧边栏
- 框架React（dev 构建） · 文件: 精确 · 行: 精确 · 说明: 读取 fiber 上的 JSX source（@vitejs/plugin-react / CRA 自带）
- 打开入口装了 better-sidebar → 侧边栏「本地预览」Tab
- 没装 → 右侧全高侧边栏（默认展开，可收起为边缘条）（注意这里打开的是你自己的开发页面，不是 DSH 界面本身）
使用条件
- 插件不依赖 dsh-better-sidebar，但完全兼容它装了 better-sidebar 时入口是它的侧边栏 Tab（本插件的独立右侧侧边栏不显示，避免重叠）
- 没装时是右侧全高侧边栏（可收起为边缘条），背景用 DSH 主题 token，随 GUI 明暗主题自动变化。
安装命令
dsh plugin --profile web add github:GULI-lab/DSH-element-source