Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>HypermarkNew to Visual Studio Code? Get it now.
Hypermark

Hypermark

Joetdev

|
2 installs
| (0) | Free
Bookmarks with Markdown notes, todos, and tags for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hypermark

Bookmarks with Markdown notes, todos, and tags for VS Code.

Features

  • Toggle bookmarks with Ctrl+Alt+B (or Cmd+Alt+B on Mac)
  • Markdown notes per bookmark with live preview
  • Todos — track tasks associated with specific code locations
  • Tags — organize and filter bookmarks by tag
  • Sidebar — view bookmarks by file, tag, or todo status
  • Persistent — stored in .hypermark/bookmarks.json (committable to git)
  • Line tracking — bookmarks follow code as lines are added/removed

Getting Started

  1. Open a workspace in VS Code
  2. Press Ctrl+Alt+B on any line to create a bookmark
  3. Click the Hypermark icon in the Activity Bar to view your bookmarks
  4. Right-click a bookmark in the sidebar to open the note editor

Data Storage

Bookmarks are stored in .hypermark/bookmarks.json at the workspace root.

  • To share bookmarks with your team, commit .hypermark/ to git
  • To keep bookmarks private, add .hypermark/ to .gitignore

Commands

Command Keybinding Description
Toggle Bookmark Ctrl+Alt+B Add or remove bookmark at cursor
Open Note Editor — Open Markdown note editor for bookmark
Add Todo — Add a todo to the bookmark at cursor
Add Tag — Add a tag to the bookmark at cursor
Filter by Tag — Filter sidebar by tag
Change View Mode — Cycle between File / Tag / Todo views

Configuration

Setting Default Description
hypermark.gutterIconStyle filled Gutter icon style: filled or outline
hypermark.autoSaveDelay 1000 Auto-save delay in milliseconds

Contributing

See CONTRIBUTING.md to build and run the extension locally.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft