Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>SideNoteNew to Visual Studio Code? Get it now.
SideNote

SideNote

namdang

|
7 installs
| (0) | Free
SideNote: Quick text/code snip note cross window without leaving VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SideNote

SideNote

Downloads Rating GitHub stars License: MIT

SideNote - Quick text and code snippet notes without leaving VS Code.

A VS Code extension for quick note-taking with support for multiple programming languages and syntax highlighting. Take notes like chatting with an assistant - all your notes are persistent and accessible across windows.

example

Features

  • Side Panel - Opens in a dedicated panel beside your editor
  • Multiple Notes - Create, switch, search, and manage multiple notes
  • Open in New Tab - New notes open in separate tabs, keeping your current note intact
  • Rich Code Formatting - Support for 30+ languages with syntax highlighting
  • Timestamps - See when each message was created and edited
  • Export Notes - Export to Markdown, JSON, or plain text files
  • Rename Notes - Easily rename your notes for better organization
  • Copy/Edit/Delete - Full control over individual messages
  • Persistent Storage - Notes are saved locally and persist across sessions
  • Search - Quickly find notes by title or content

Supported Languages

plaintext, typescript, javascript, go, python, sql, markdown, json, html, java, kotlin, c, cpp, csharp, bash, shell, powershell, css, diff, docker, dockerfile, php, ruby, rust, nginx, swift, regex, scss, toml, xml, yaml

Data Privacy

Completely local (e.g: ~/Library/Application Support/Code/User/globalStorage/....), no any external connection

Usage

  1. Open SideNote panel: Cmd/Ctrl+Shift+P → SideNote: Open side note panel
  2. Type your note in the input area
  3. Select the format (plaintext, typescript, python, etc.)
  4. Press Enter or click the send button

Commands

Command Description
SideNote: Open side note panel Open or reveal the SideNote panel
SideNote: Refresh notes Reload notes from storage
SideNote: Export current note Export the current note to a file

Buttons

Button Description
+ Create a new note in a new tab
✎ (header) Rename the current note
✎ (message) Edit a message
📋 Copy message content
✕ Delete a message

Installation

  1. Open VS Code
  2. Go to Extensions (Cmd/Ctrl+Shift+X)
  3. Search for "SideNote"
  4. Click Install

Or install from the VS Code Marketplace.

License

MIT License - see LICENSE for details.

Contributing

Issues and pull requests are welcome at GitHub.

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