DSH-better-sidebar 是做什麼的？
開放的側邊欄底座，支援第三方擴充註冊新的側邊欄頁面。內建檔案渲染編輯、終端機、側邊對話、Git 及子代理頁面。
功能特色
- 開放底座：提供側邊欄擴充框架，讓第三方開發者能自由註冊新頁面。
- 檔案渲染編輯：直接在側邊欄中預覽及編輯常見檔案格式（如 Markdown、程式碼檔案）。
- 內建終端機：嵌入式命令列終端，無需切換視窗即可執行開發命令。
- 側邊對話：與 AI 代理進行不中斷主流程的對話。
- Git 整合：檢視 diff、提交、分支管理等版本控制操作。
- 子代理頁面：支援多個 AI 子代理在側邊欄中獨立運作。
使用方式
安裝
# 透過 CLI 安裝（範例）
code --install-extension omdsh-dev.DSH-better-sidebar
擴充開發
若要註冊新的側邊欄頁面，請參考擴充範例。
// 註冊新頁面的範例程式碼
import { registerSidebarPage } from 'dsh-better-sidebar';
registerSidebarPage({
id: 'my-custom-page',
label: '我的自訂頁面',
icon: 'star',
component: () => {
// 你的 React/Vue 元件
return <div>Hello DSH!</div>;
},
});
支援平台
- Claude Code
- Cursor
- Codex
- 其他相容 VS Code 擴充框架的 IDE
設定
| 設定項 | 類型 | 預設值 | 說明 |
|---|---|---|---|
dsh-better-sidebar.enabled | boolean | true | 啟用或停用此擴充功能 |
dsh-better-sidebar.defaultPage | string | "files" | 側邊欄預設顯示的頁面 |
dsh-better-sidebar.theme | string | "system" | 主題（"light", "dark", "system"） |
環境變數
| 變數名稱 | 說明 |
|---|---|
DSH_SIDEBAR_DEBUG | 啟用除錯日誌 |
DSH_SIDEBAR_EXTENSIONS_DIR | 自訂擴充套件目錄路徑 |
授權
MIT