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

CodeSnap Extended

Robert Ostermann

|
827 installs
| (0) | Free
📸 Take beautiful screenshots of your code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CodeSnap-Extended

CodeSnap

📸 Take beautiful screenshots of your code in VS Code! And you can highlight the line just by click the line number.

UI

Features

  • Can highlight the line if you click line number
  • highlight have 3 styles:
    • focus
    • git-add
    • git-remove

(For usage, can see the Highlight Usage Instructions)

  • Original features of CodeSnap
    • Quickly save screenshots of your code
    • Copy screenshots to your clipboard
    • Show line numbers
    • Many other configuration options

Basic Usage Instructions

  1. Open the command palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on OS X) and search for CodeSnap.
  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 to your disk.

Tips:

  • You can also start CodeSnap by selecting code, right clicking, and clicking CodeSnap
  • If you'd like to bind CodeSnap to a hotkey, open up your keyboard shortcut settings and bind codesnap.start to a custom keybinding.
  • If you'd like to copy to clipboard instead of saving, click the image and press the copy keyboard shortcut (defaults are Ctrl+C on Windows and Linux, Cmd+C on OS X), or bind codesnap.shutterAction to copy in your settings

Highlight Usage Instructions

If you want to highlight the line just click the line number, and the line will be highlighted.

  • Click once: Style focus
  • Click twice: Style git-add
  • Click thrice: Style git-remove
  • Click four times: No highlight

Examples

Highlight Style: Focus

Highlight-Style:Focus

Highlight Style: Git-Add

Highlight-Style:Focus

Highlight Style: Git-Remove

Highlight-Style:Focus

Material Theme + Operator Mono

Example 1

Nord + Cascadia Code

Example 2

Monokai + Fira Code

Example 3

Credits / Links

  • Polacode for the initial concept.
  • Carbon for design inspiration.
  • kufii/Codesnap
  • luisllamasbinaburo/VSCodeSnap
  • VSCode's Extension Samples, which was a huge help to get started
  • All Contributors

License

The MIT License (MIT). Please see the license file for more information.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft