Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Notes Tree ViewNew to Visual Studio Code? Get it now.
Notes Tree View

Notes Tree View

ahmedhamedaly

|
2 installs
| (0) | Free
A simple notepad in your Explorer sidebar
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Notes

A lightweight notepad built directly into your VS Code Explorer sidebar. Keep quick notes, TODOs, and ideas right where you code.

Features

  • Quick Access - Notes panel in Explorer sidebar, always one click away
  • Instant Creation - Click "+" to create a new note
  • Auto-Save - Markdown files that save automatically as you type
  • Workspace Organized - Each project gets its own notes folder
  • Private by Default - Notes stored in ~/.vscode-notes/, never committed to git

How It Works

  1. Look for the "Notes" section in your Explorer sidebar
  2. Click "+" to create a new note
  3. Name it and start typing
  4. Notes auto-save as markdown files
  5. Click any note to reopen it

Storage Location

~/.vscode-notes/
├── project-name/
│   ├── Meeting Notes.md
│   ├── Ideas.md
│   └── TODO.md

Your notes live outside your project directory, so they:

  • Won't clutter your git history
  • Persist even if you delete the project
  • Stay private and personal

Installation

Install from the VS Code Marketplace or:

code --install-extension ahmedhamedaly.vs-notes-extension

Commands

  • New Note - Create a new note
  • Refresh - Reload notes list
  • Delete Note - Remove a note (trash icon)

License

MIT

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