S

sidebranch

基於 Git 的視覺化工具，在隔離的 worktree 中並排比較分支介面變化

最後更新 2026/9/7
訪問網站

關於 sidebranch

sidebranch 是一款基於 Git 的視覺化差異工具。你可以在頁面中選擇任意分支，工具會在獨立的 worktree 中為該分支建置自己的開發伺服器；接著在兩個即時窗格中並排檢視介面，也可使用 blend 和 onion 差異模式突顯 UI 變化。它不綁定特定框架，Next、Vite、Django、Rails 等應用程式只要能透過連接埠回應 HTTP 即可使用。工具由 Node 內建功能構成，不相依於外部套件；如要自行安裝，可使用 npm install --save-dev sidebranch，並在開發建置中加入 widget。

適合人群

使用 Git 分支協作的開發者
需要比較 UI 變化的開發者
前端與全端開發者
使用 Next、Vite、Django 或 Rails 的開發者

適合場景

在不同 Git 分支之間切換並比較 UI

並排檢查兩個即時介面的差異

使用 blend 或 onion 模式突顯介面變化

在隔離的 worktree 中執行分支開發伺服器

功能特性

頁面內分支切換

從頁面選擇分支，並在獨立的 worktree 中啟動對應的開發伺服器。

並排差異檢視

兩個窗格保持即時，並支援 blend 與 onion 模式來突顯 UI 變化。

框架無關

Next、Vite、Django、Rails 等應用程式均可使用，只要能透過連接埠回應 HTTP。

零外部相依性

整個工具由 Node 內建功能構成，不相依於外部套件。

優點

  • 支援多種框架與 HTTP 應用程式
  • 提供並排、blend、onion 多種差異檢視方式
  • 不碰觸目前的工作樹
  • 不需外部套件相依性

缺點

  • 應用程式必須能在連接埠上回應 HTTP

常見問題

官方頁面列出 Next、Vite、Django 和 Rails；只要應用程式能透過連接埠回應 HTTP 即可使用。
官方介紹指出，可以在不碰觸目前工作樹的情況下，在隔離的 worktree 中建置分支並查看 UI 變化。

工具資訊

開發商sidebranch
釋出日期2026/9/7
定價模式Free
訪問網站