首頁
概念地圖
學習路線
安裝指南
文件教學
程式碼對照
實作案例
關於
← 首頁
CodeGraph 學習路線
L0 → L4:從「裝好」到「讀懂整個 repo」的分層路線
每一層都是可點卡片,循序漸進或直接跳到你有興趣的層級
L0 · 認識與安裝
先把它裝起來
5–10 分鐘
安裝指南
一行指令(shell / PowerShell / npm),免 Node.js,抓對應 OS 的 build。
macOS
Linux
Windows
npm
MCP 工具總覽
先知道 codegraph_explore 一次能回你什麼:原始碼 + 呼叫路徑 + 影響範圍。
MCP
explore
概念地圖
先用 5 分鐘把全貌看一遍,建立詞彙表。
地圖
L1 · 跑起來
在專案上建圖並用 CLI 查詢
20–30 分鐘
CLI 指令參考
codegraph init / index / sync / status / query / explore / node / impact / affected…
CLI
實作案例
看本站用 codegraph 自跑它的源碼:570 檔 → 12,733 節點,1.7 秒。
dogfooding
運作原理
抽取 → 儲存 → 解析 → 自動同步四階段,看懂它在背後做什麼。
原理
L2 · 讀圖
善用進階能力
1–2 小時
自動同步機制
watcher、debounce、staleness banner、連線時 catch-up——圖永遠是新的。
watcher
sync
框架感知路由
Django/Flask/FastAPI/Express/NestJS/Spring…17 框架的 URL ↔ handler 連結。
routes
17 frameworks
iOS / RN 橋接
Swift↔ObjC、RN bridge、TurboModules、Expo——跨語言流不再斷在語言邊界。
iOS
React Native
效能基準
官方 7 repo 的 WITH/WITHOUT 對照,與「殘留上下文」的誠實取捨。
benchmark
L3 · 讀原理
理解設計與設定
1–2 小時
架構總覽
src/ 各模組職責表:db / extraction / resolution / graph / context / mcp / installer…
架構
設定
codegraph.json:exclude / include / extensions 自訂對映,零設定是預設。
config
Library 用法
在你自己程式裡嵌入 CodeGraph class:init / indexAll / searchNodes / buildContext。
SDK
隱私與安全
100% 本機、telemetry 可關、verified releases 簽署與證明。
privacy
telemetry
L4 · 讀源碼
深入 codegraph 內部
進階
程式碼對照
逐函數
<details>
講解:CodeGraph class、SQLite、extraction、resolution、graph、context、mcp、installer、cli、Rust kernel。
10 頁
案例:分析 codegraph 自己
graphify 互動圖(7,987 節點)+ codegraph 自跑真實輸出。
meta
互動圖
重現步驟
照著「我們怎麼跑的」自己重跑一遍完整流程。
可重現