The ultimate bookmark manager for complex code flow analysis.
When reading massive source code, logic often scatters across dozens of files. "Group Bookmarks" allows you to create a "Group" for a specific concern (e.g., "Login Flow", "Data Sync") and "Pin" scattered code lines into a single, organized list.
✨ Core Features
1. 📂 Multi-Dimensional Grouping
On-Demand Aggregation: Group related bookmarks together, e.g., "Feature A", "Bug fix 123".
Custom Colors: Support Red/Green/Blue/Yellow/Purple to visually distinguish different tasks.
Smart Numbering: Automatically numbers groups (e.g., 1. Login Flow) for logical sorting.
2. 👁️ Visual Pro
Ghost Text: Displays the group name and note in faint gray at the end of the code line, keeping your reading flow uninterrupted.
Interaction: Click the 👁️ inline button to toggle visibility globally.
Vector Icons: Modern vector icons clearly indicate group status (Active/Pinned).
Icon Coexistence: Active groups display both the 📌 Pin icon and the 🔴 Color tag simultaneously.
Auto-Pinning: Newly created groups are automatically set as Active, streamlining your workflow.
3. 🖱️ Rapid Interaction
Code Preview: Hover over a bookmark in the Side Bar to see a popup preview of the code line immediately.
Drag & Drop: Drag bookmarks to move them between groups, or drag groups to reorder them.
Inline Actions: Rename, delete, or toggle visibility directly from the group header.
4. 📝 Key Notes (New Major Feature since 1.0.9)
Beyond tracking code lines, understanding a complex codebase requires keeping track of domain-specific terminology, architectural concepts, and APIs. Version 2.0+ introduces a built-in knowledge base!
Integrated Glossary: Build a glossary of terms directly within your IDE. Select any term in the editor, and use Add Note for Selection to write rich Markdown notes describing it. Or, create notes on the fly by clicking the + icon on any group.
Dedicated Webview Editor: A rich Key Note Editor panel stays alongside your code. It renders your markdown seamlessly without forcing you to juggle raw .md files or breaking your flow.
Smart Table Pasting: Seamlessly paste tabular data (CSV/TSV or Excel exports) directly into the Key Note editor, and it will automatically format it as a beautiful Markdown table.
Search & Auto-Sync: Globally search your key notes (Search Key Notes...). When you select a known term in your code, the extension automatically loads its documentation in the Key Note Editor.
Powerful Group Management: Organize your Key Notes into colored groups. Support custom Drag&Drop ordering, sorting (A-Z, Z-A) via group context menu, active group pinning, and reordering individual notes within a group via context menu or Alt+Up/Down!
5. 🔄 Import/Export
Export all groups and bookmarks to a JSON file for sharing with colleagues or syncing between devices.
🚀 User Guide
📌 Add Bookmark
Position Cursor: Move cursor to the target code line.
Quick Menu:
Right Click: Select 🔖 Add Group Bookmark from the editor context menu.
Shortcut: Ctrl+Alt+B (Default) to open the Quick Pick menu.
Sidebar: Click the + button in the view title to add the current line to a new group.
🎨 Manage Groups
Set Active: Click the group header to set it as Active (📌). New bookmarks will be added to this group automatically.
Rename: Right-click a group or use the edit icon to rename.
Move & Sort: Drag and drop any group or bookmark to reorder. Right-click a bookmark and choose Move to Group to transfer it easily.
🔍 Browse Code
Jump: Click a bookmark item to jump to the code line.
Preview: Hover over a bookmark to peek at the code.
Ghost Text: Enable 👁️ to see 🔴 [Group] Title hints at the end of lines in the editor.