Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>CodeSnap.devNew to Visual Studio Code? Get it now.
CodeSnap.dev

CodeSnap.dev

Mokkapps

|
1,761 installs
| (0) | Free
Create a beautiful image of your code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CodeSnap VS Code Extension

This is an extension for Visual Studio Code where you can create beautiful code screenshots in CodeSnap, directly from your IDE.

Features

You can either create an image from the selected code via the Context Menu or via the Command Palette.

Extension Usage

Context Menu

Using the extension is as easy as selecting the desired code and right-click -> "Open in CodeSnap 📸". This will lead you directly to CodeSnap.dev where a new snippet is being created using the code you've selected.

Xnapper-2022-10-31-10 20 06

Afterwards you can edit the snippet to your wishes with the powerful editor.

Command Palette

Alternatively you can also selected the desired code and execute the command via the Command Palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on OS X).

Xnapper-2022-10-31-10 21 25

Release Notes

Users appreciate release notes as you update your extension.

1.0.1

  • Remove "}" from tag name

1.0.0

  • Final release with updated README

0.0.2

  • Add icon

0.0.1

Initial release

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