安裝套件:在 VS Code、Antigravity、Cursor...etc 等,中載入本擴充功能。
開啟檢視器:在側邊欄「檔案總管 (Explorer)」下方找到「Tree Note」區塊。
管理筆記:
使用標題列的圖示與新增文件或資料夾開始建立結構。
資料存放路徑固定於 IDE 的全域儲存目錄中,確保您的筆記在不同專案間都能持續存取。
雲端同步:
點擊標題列的「Sync to GitHub Gist」圖示(雲端上傳圖示)。
依照提示登入您的 GitHub 帳號。
選擇「Create New GitHub Secret Gist」建立新同步,或輸入現有的 Gist ID 進行連結。
若要中斷同步,點擊「Disconnect Cloud」圖示(登出圖示)即可。
您可以在 IDE 的全域儲存目錄中找到 notes-data 資料夾。
Tree Note (English)
💡 Tip: You can now easily sync your notes across different IDEs or devices using the built-in GitHub Gist Sync feature.
Tree Note is a hierarchical note-taking extension tailored for VS Code, Antigravity, Cursor...etc. It allows you to easily organize your Markdown notes, providing a smooth tree-like navigation experience similar to the native file explorer.
Tree Note Locations
Antigravity
VS Code
✨ Key Features
1. Hierarchical Note Structure
Clear Organization: Support for a tree-like hierarchy of folders and Markdown notes, making your structure easy to understand.
Intuitive Navigation: Easily create, organize, and navigate through your notes and folders.
2. Cloud Sync (GitHub Gist)
Multi-Device Sync: Easily sync your notes across different computers or IDEs (VS Code, Cursor, Antigravity...) via your GitHub Gist.
Privacy & Security: Supports GitHub Secret Gist by default, ensuring your notes remain private and accessibles only to you.
Smart Conflict Management: Automatically creates "Conflict Copies" when multiple devices modify the same note, ensuring no data is ever lost or overwritten.
Seamless Experience: Once signed in with GitHub, the system handles uploads and downloads automatically, letting you focus on writing.
3. Powerful Tree Operations
Quick Creation: Add root-level or nested notes and folders with a single click.
Auto-Expansion: After creating a new item, the system automatically expands the parent folder to provide immediate visual feedback.
Global Control: Supports one-click "Expand All" and "Collapse All" functionality from the title bar.
4. Safety & Data Integrity
Smart Delete Confirmation: When deleting folders, a clear tree preview (up to 3 items) is shown to display the hierarchy of contents being removed, preventing accidental data loss.
Input Validation System:
Automatic trimming of leading and trailing whitespace.