Skip to content

robbieferrero/code-snipper-vscode

Repository files navigation

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


About

Code Snipper extension for Visual Studio Code

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published