Road To Code

Road To Code

Code Snapshot: Share Your Code With Style

Code Snapshot: Share Your Code With Style

How we share the code snippet? Mostly plain text or GitHub links...

Featured on Hashnode
Suraj Shende

Published on Mar 13, 2021

2 min read

Subscribe to our newsletter and never miss any upcoming articles

Listen to this article

Today I am going to tell you an interesting way to capture your code snippet using the vs-code extension Code Snapshot. I was always curious about awesome code snippet like this on various platforms, now I know how to do that:

Now let's look step by step:

πŸ‘‰Step1: Open the VS Code then download and install the Code Snippet extension from the following link and install it: Code Snapshot img1.PNG


Once the installation is finished type some code or open existing code. img2.PNG

πŸ‘‰Stpe3: After writing the code right-click on the blank area in the editor and you will find the Code Snapshot πŸ“Έ option at the bottom, select this option to open the Code Snapshot tab. img3.PNG

πŸ‘‰Step4: Once the Code Snapshot tab is opened simply paste πŸ“‹ the code by pressing ctrl+v(No need to copy the code because the extension automatically will do it for you). img4.PNG

πŸ‘‰Step5: Now your Code Snapshot is ready, we can select the option to show the number line, also we can change the colour of the border area and we can resize its padding. Now all the customization is done so, to capture and export the Code Snapshot click on that Shutter Button and it will open the save image file options. img5.PNG

πŸ™ŒAwesome! Now the Code Snapshot is ready to share...βœ‰οΈ code-snapshot.png

Share this