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

Code Snipper

Robbie Ferrero

|
3,892 installs
| (0) | Free
Code Snipper for Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Code Snipper for VSCode

This is a Visual Studio Code extension for Code Snipper for creating images from code snippets.

Features

  • Create a png image from an open file
  • Coming soon: Create an image from selected text
const success = 'false';
while(!success){
    keepWorking();
}

Output

Extension Settings

Default settings:

  • code-snipper.resolution: 1
  • code-snipper.theme: 'hybrid'
  • code-snipper.font: 'Source Code Pro'
  • code-snipper.fontSize: 20
  • code-snipper.background: #fff

Available Themes

All the themes available in hightlight.js can be used. The list can be found at Themes

To check out how each theme looks, check this Highlight.js demo

Requirements

GraphicsMagick or ImageMagick are required for this extension to work.

  • Install for Windows
  • Install for Mac OS X:
    brew install imagemagick
    brew install graphicsmagick
    

Known Issues & TODOs

  • No support yet for full file to png for long files. For now you can adjust the fontSize in the configuration settings.
  • No support yet for output filename overrides, currently defaults to the source file location
  • No support yet for temporary file creation, files must be saved to output png.
  • Selection-to-image is not yet implemented, just file for now

Release Notes

0.1.0

Initial release


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