Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Code NotebookNew to Visual Studio Code? Get it now.
Code Notebook

Code Notebook

Code Notebook

|
3 installs
| (0) | Free
Save selected code from VS Code to Code Notebook — push snippets to your web workspace with one right-click.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Code Notebook — VS Code Extension

Save selected code from VS Code directly to your Code Notebook workspace with one right-click.

Install (VS Code)

Open VS Code → Extensions (Ctrl+Shift+X / Cmd+Shift+X) → search Code Notebook → Install.

Or install from the VS Code Marketplace.

Install (Cursor)

Cursor uses a separate extension catalog, so Code Notebook does not appear in Cursor’s extension search. Install manually:

  1. Download the latest .vsix from codenotebook.dev/downloads
  2. Press Ctrl+Shift+P / Cmd+Shift+P → run Extensions: Install from VSIX… → select the file → reload if prompted
    (Or: Extensions panel → ⋯ → Install from VSIX…)
  3. Connect your API key — see Setup (Cursor) below

Full step-by-step instructions: codenotebook.dev/downloads

Install (VSCodium & other VS Code–based editors)

Same manual .vsix install as Cursor. Download from codenotebook.dev/downloads, then use Extensions: Install from VSIX… from the Command Palette.

To build a VSIX locally: npm install && npm run package in this folder.

Setup — get your API key

Same for every editor:

  1. Sign in at Code Notebook
  2. Go to Settings → API keys
  3. Click Create key, name it (e.g. "VS Code" or "Cursor"), and copy it — shown once only

Setup (VS Code)

After installing the extension:

  1. Press Ctrl+Shift+P / Cmd+Shift+P
  2. Type Open Settings and select Preferences: Open Settings (UI)
  3. Search code notebook
  4. Paste your key into Code Notebook: Api Key

Setup (Cursor)

Extension settings live under VS Code Settings in Cursor — not Cursor’s own settings page.

  1. Press Ctrl+Shift+P / Cmd+Shift+P → type Open VS Code Settings → select it
    Or: gear icon → Settings → VS Code Settings in the sidebar
  2. Search code notebook
  3. Paste your key into Code Notebook: Api Key

Note: In Cursor, Ctrl+, / Cmd+, zooms the editor — it does not open Settings.

Setup (VSCodium & other editors)

  1. Press Ctrl+Shift+P / Cmd+Shift+P → open settings (Preferences: Open Settings (UI) or Open VS Code Settings)
  2. Search code notebook
  3. Paste your key into Code Notebook: Api Key

How to use

  1. Select any code in the editor
  2. Right-click → Save to Code Notebook
  3. Enter a title when prompted

Your snippet is saved instantly with language detection. View and edit it at Code Notebook.

Troubleshooting

  • Key not working? Revoke it and create a new one in Settings → API keys
  • Can't see “Save to Code Notebook”? Make sure you have code selected first
  • Can't find “Install from VSIX” in Cursor? Use Ctrl+Shift+P / Cmd+Shift+P → Extensions: Install from VSIX…
  • Can't find the API key field in Cursor? Open VS Code Settings (Command Palette or gear → Settings → VS Code Settings) — not Cursor's main settings
  • Still stuck? Visit codenotebook.dev/downloads or codenotebook.dev/docs
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft