dsh-code-nav: DSH Web 代碼預覽導航插件

前言

DeepSeek Harness (DSH) 生態強調“一切皆插件”。在使用 dsh-better-sidebar 時,默認的代碼預覽功能通常較爲基礎。dsh-code-nav 是一個配套插件,它接管側邊欄的代碼預覽,根據文件類型提供更專業的語法高亮、符號導航和文件內查找功能,解決代碼閱讀體驗不佳的問題。

插件簡介

dsh-code-nav 是 DSH Web 插件,作爲 dsh-better-sidebar 的擴展存在。它通過擴展名識別語言,在側邊欄打開代碼文件時自動接管預覽。該插件由 AnakinCao 維護,採用 MIT 許可證。

核心功能

按類型語法高亮

根據文件擴展名自動識別編程語言,支持深淺色主題自動跟隨。解析邏輯包含關鍵字、註釋、字符串、類型、數字和函數等元素。

符號大綱切換

解析代碼中的符號結構,包括類、接口、函數、變量等。支持按“全部 / 類 / 方法 / 變量”進行篩選,點擊列表可定位到對應行。

文件內查找

在預覽區域進行查找時,支持高亮全部匹配項和當前匹配項。支持 n / m 鍵計數,使用 ↑/↓ 或 Enter/Shift+Enter 進行上下跳轉,並支持區分大小寫切換。

安裝與啓用

  1. 執行安裝命令:
    dsh plugin --profile web add <dsh-code-nav-0.1.0.tgz>
  1. 重啓 dsh web 服務(新增 bundle 需 host 側重載)。
  2. 在瀏覽器中硬刷新頁面(Cmd/Ctrl + Shift + R)。
  3. 在 better-sidebar 設置頁的「側邊卡片」中,找到「代碼預覽導航」開關進行啓用或關閉。

典型用法

安裝並啓用後,在 dsh web 的側邊欄打開代碼文件即可生效。
* 導航:在符號大綱列表中點擊,或使用鍵盤快捷鍵進行跳轉。
* 查找:在查找框輸入關鍵詞,按 n 下一個,m 上一個,Enter 跳轉。

適用場景與注意

  • 適用場景:適用於需要快速瀏覽代碼、查看語法高亮和符號導航的場景。
  • 已知限制:
    • 高亮與大綱基於輕量正則解析,非編譯器級精度。在處理複雜泛型、宏、模板元編程時可能存在漏檢或誤檢。
    • 代碼預覽爲只讀模式。如需編輯,可在 better-sidebar 設置中關閉本插件以回退到內置編輯器。
    • 單文件內容上限爲 500KB,超出時僅顯示提示。
    • Vue / Svelte 文件僅高亮 <script> 塊中的 JS/TS 代碼,模板部分不進行高亮。

結語

該插件通過接管默認預覽,增強了代碼閱讀體驗。更多插件詳情與源碼,請查看:
* 社區目錄
* GitHub 倉庫

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜