VS Code 插件也能用,跟網頁版同一套引擎

看懂資料表之間的關聯, 不用再自己畫 ER 圖

把 DSL、JSON、Markdown 或 SQL DDL 定義的資料庫結構,變成可以搜尋、聚焦、探索的關聯圖。不用登入就能用,內容只存在你的瀏覽器。

CREATE TABLE orders (… user_id REFERENCES users(id));

 

blog.dbschema

這張圖是真的:點表名切換聚焦、拖曳背景平移、按住 Ctrl / Cmd 滾動縮放。

從一堆 CREATE TABLE,到一眼看懂

不用畫、不用拉線。把結構丟進來,關聯自己長出來;表再多,也只看你關心的那一塊。

貼上就能看

.dbschema、.schema.json、內嵌 dbschema 區塊的 Markdown,或直接貼 CREATE TABLE——MySQL、SQL Server、PostgreSQL、SQLite 都認得。

一百張表也找得到

點一張表就只亮它的上下游;用深度、方向、搜尋縮小範圍,不用在整片圖裡找線。

複製出去就能用

選好範圍按右鍵,複製成 PNG、SVG,或那幾張表的 DSL 文字,貼進文件或丟給 AI。

資料是你的

不登入也能用,內容存在你的瀏覽器;隨時匯出 .schema.json、.dbschema 或各家方言的 SQL,沒有綁定。

在 VS Code 裡也一樣

跟網頁版同一套渲染引擎,打開 .dbschema 就有關聯圖。還沒上架官方市集,三步驟手動安裝,不用裝額外工具。

  1. 1
    到 Releases 下載最新的 .vsix (公開 repo,不用登入)。
  2. 2
    把 .vsix 拖進 VS Code 視窗。
  3. 3
    或按 Ctrl/Cmd + Shift + P → 「Install from VSIX」→ 選剛下載的檔案。
url=$(curl -fsSL https://api.github.com/repos/doraeyi/schemalens-web/releases/latest | grep -o '"browser_download_url": *"[^"]*\.vsix"' | cut -d'"' -f4)
curl -fL -o dbschema.vsix "$url"
code --install-extension dbschema.vsix

一次裝好;VS Code 需要能在終端機打 code 指令(命令選擇區執行「Shell Command: Install 'code' command in PATH」)。

快捷鍵(插件跟網頁版通用)

Ctrl / Cmd + F
搜尋資料表或欄位
Ctrl / Cmd + 滾輪
縮放畫布
Esc
取消目前的聚焦
拖曳背景
平移畫布
單擊表名
聚焦:相關的表亮起,其餘淡化或隱藏
單擊欄位
欄位級聚焦:只亮該欄位與 FK 對應欄位
雙擊表或欄位
跳回 DSL 來源定義
Tab · Enter
用鍵盤走到資料表並聚焦(Shift + Enter 跳回定義)

把你的 schema 貼進來看看

不用註冊,打開就能用。第一次用可以先載入範例。