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

Code Snapshot

robertz

|
213,964 installs
| (9) | Free
Create your custom code snippet
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Code Snapshot

Code Snapshot is a VS Code extension that tries to make your life easier. When you are coding, you may want to take a photo of your work to share it in your social media or presentations. Code Snapshot is your tool! Open the extension, select the code that you want to share and take beautiful screenshots of your code.

Features

  • Save screenshots of your code

Usage

  1. Open the command palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on OS X) and search for Code Snapshot.
  2. Select the code you'd like to screenshot.
  3. Adjust the width of the screenshot if desired.
  4. Click the shutter button to save the screenshot.

Tips:

  • You can also start Code Snapshot by selecting the code, click on the right button, and selecting Code Snapshot

Contributing

The source for this extension is available on github. Contributions are extremely welcome! If anyone feels that there is something missing or would like to suggest improvements please open a new issue or send a pull request!

Credits

  • Anatolii Saienko (@tsayen) for his work on DOM to image, a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in JavaScrip

  • Eli Grey (@eligrey) for FileSaver, a solution to saving files on the client-side

  • Artem (@komarovartem) for colorPicker, a simple JavaScript colorpicker which supports transparency and gradient.

License

MIT

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