Take a screenshot of VS Code using CodeSnap Extension

Aug 28, 2021 · 2 min read

Take a screenshot of VS Code using CodeSnap Extension

CodeSnap is an extension for VS Code that allows you to quickly create awesome code screenshots.

Benefits of Using CodeSnap

  • CodeSnap take care about the shadow, padding, background & rounded corner of screenshot
  • CodeSnap quickly save screenshots of your code. You just need select the code you'd like to screenshot and click the shutter button
  • Copy screenshots to your clipboard
  • CodeSnap has many configuration options

How to use CodeSnap

  1. Open the command palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on OS X) and search for CodeSnap. CodeSnap

  2. Select the code you'd like to screenshot. CodeSnap Or instead of the first and second steps you can also start CodeSnap by selecting code, right clicking, and clicking CodeSnap. CodeSnap

  3. Adjust the width of the screenshot if desired.

  4. Click the shutter button to save the screenshot to your disk.

Final Screenshot: CodeSnap

More From Blog

Related reads

Media Queries Breakpoints In 2021

Media Queries Breakpoints In 2021

Aug 29, 2021 · 3 min read

Related reads

Take a screenshot of VS Code using CodeSnap Extension

Take a screenshot of VS Code using CodeSnap Extension

Aug 28, 2021 · 2 min read

Related reads

Prettier in VS Code: Install, Use and Configure

Prettier in VS Code: Install, Use and Configure

Aug 27, 2021 · 6 min read

Website uses cookies. to ensure ou get the best experience

MORE