DSH Plugins
返回列表
🖥️

DSH-element-source

客户端 更新于 2026.08.26

在终端中运行以下命令：

dsh plugin install GULI-lab/DSH-element-source

将以下提示词粘贴到 DeepSeek Harness 对话框中：

在DeepSeek Harness中，使用命令 dsh plugin install GULI-lab/DSH-element-source 安装此插件，完整源码地址为 https://github.com/GULI-lab/DSH-element-source。

插件介绍

在前端开发中，从页面上的UI元素快速找到对应的源代码往往是一个繁琐的过程，尤其是在调试复杂应用时。DSH-element-source 插件正是为了解决这一痛点而设计，它让你只需点击运行中的页面元素，就能自动定位到其源文件和行号，极大地简化了开发调试流程。

这个插件的核心能力在于其智能的源码解析功能。它支持 Vue、React、Svelte、Angular 等主流前端框架，通过运行时元数据（如 __source、__file 等）精确提取位置信息。插件与 DeepSeek Harness 深度集成，点击元素后会将源码位置填充到聊天输入框，供代理读取和后续修改，无需额外操作。此外，它还与 dsh-better-sidebar 完美兼容，提供灵活的界面入口，无论是通过预览标签还是独立侧边栏，都能无缝工作。

DSH-element-source 特别适合使用 DeepSeek Harness 的前端开发者，尤其是那些频繁进行代码导航和调试的团队。如果你正在构建或维护 Vue、React 等应用，并希望提升开发效率，减少在代码和界面间切换的时间，这个插件将是一个理想的工具。它让源码定位变得直观而高效，助力你更专注于创新和优化。

使用场景

  • 在开发前端应用时，快速点击UI元素定位到对应源代码。
  • 与DeepSeek Harness集成，在聊天中直接获取代码位置并请求修改。
  • 支持Vue、React、Svelte和Angular等多种框架的项目调试。

适合人员

  • 前端开发者，需要高效调试UI与源码对应关系。
  • 使用DeepSeek Harness的团队，寻求集成开发工具提升效率。
  • 全栈开发者，涉及多种前端框架的项目开发。