Code Snap: A cool tool for taking code screenshots

Zartashia Afzal
2 min readAug 24, 2022

Taking screenshots can help us save our desired and important information within no time. In computers and mobiles, they are just a click away. What do you do for taking screenshots of codes? If you have opened this article you might be in the search of a tool that can give you code snap like this one.

Sample made using Code snap tool

People still use the traditional way of pressing the windows button + “print scrn” to save their codes. Here is a handy yet beautiful tool for shaping codes in visual studio code.

CodeSnap extension in visual studio code

You can skip Step 1 if this extension is already in your system.

Step 1: In the visual studio, go to extensions, and search for “CodeSnap” (Note: No space in two words while searching). Install that extension. Here it is already installed in my system.

Step 2: Press ctrl + shift +p and select CodeSnap. It should be like in the following figure

ctrl +shift + p to get code snap in search

Step 3: Select CodeSnap and it should open on the side like this.

CodeSnap opens up on the side of the notebook

Step 4: From your notebook which is already open on the side. Select the lines of codes you want to add in the screenshot. Upon selection, those lines will appear on CodeSnap.

Selecting lines for snapcode

Step 5: Now save your screenshot by clicking on the shutter icon on the top. as shown in the picture below:-

And your code is saved in the form of a sophisticated and decent screenshot. Comment down in case of any query in this regard.

--

--

Zartashia Afzal

Life long learner and bibliophile. Always open to learning new things.