Home

Awesome

<p align="center"> <img height="128" src="./resources/icon.png"></img> <h1 align="center">CodeImg</h1> </p>

VSCode plugin that generate beautiful image for you code with your favorite font and theme

Powered by Solid.js

Why another one?

The popular existing extensions lack maintenance and have limited customization options. I spent some weekend time creating this extension, hoping to add a more modern UI and additional configuration options.

How it works?

Call built-in command editor.action.clipboardCopyWithSyntaxHighlightingAction and parse the clipboard content to HTML.

Features

Limitation

Settings

The CodeImg extension allows you to customize various aspects of the code snippet's appearance and behavior. Here are the available settings:

codeimg.background

The CSS background style for the snippet's container. Set it to "none" if you do not want a background.

codeimg.boxShadow

The CSS box-shadow style for the snippet's container. Set it to "none" if you do not want a box-shadow.

codeimg.containerPadding

The padding for the snippet's container.

codeimg.border

Border for the snippet's container, which is only visible in the dark theme.

codeimg.debounce

Whether to update the code snippet with debounce when selection changes.

codeimg.roundedCorners

The CSS rounded corners style for the snippet's container. Set it to "none" if you do not want rounded corners.

codeimg.scale

The scale of the screenshot.

codeimg.format

The format of the screenshot.

codeimg.showWindowControls

Display OS X style window controls.

codeimg.windowControlsColor

Add color to the window controls.

codeimg.showWindowTitle

Display the window title with the open folder or file name.

codeimg.showLineNumbers

Display line numbers in the code snippet.

credit