Up next in 10
Unlock the Power of Codesnap in VS Code! 🖼️ How to Take Stunning Code Screenshots with Ease!
Mar 7, 2025
Get the full source code of application here:
Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions
https://youtu.be/Bon8Pm1gbX8
Hi Join the official discord server to resolve doubts here:
https://discord.gg/cRnjhk6nzW
Visit my Online Free Media Tool Website
https://freemediatools.com/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:00
uh hello guys welcome to this video uh
0:02
in this video I will show you a very
0:04
popular extension for taking the
0:06
screenshot of your code while you're
0:08
coding in vs code so the name of the
0:10
extension is code snap if you go to
0:12
extensions just type here code streak
0:15
screenshot the very second extension
0:17
which comes it's a very popular
0:19
extension Cod snap it's over 2 million
0:23
installs so just click the install
0:25
button and just activate this
0:27
extension so once it is activ ated you
0:31
will be able to take screenshots so just
0:33
go to the file here whichever file
0:35
you're working right here and right here
0:39
there will be this option appearing in
0:42
whenever you right click code snap you
0:44
can even open a shortcut key control
0:46
shift p and then right here type code
0:51
snap and just enter it will actually
0:54
take the screenshot and here you just
0:57
need to select whatever code that you
1:00
want to so let's suppose I only want
1:02
this
1:05
code or I want this entire code so you
1:08
will actually see you can
1:12
adjust so it look something like this so
1:15
here you can click this button and it
1:18
will take the screenshot and here it
1:20
will ask the location so just I will
1:23
want to save it in this location
1:26
so if I open this you will see it has
1:30
captured the screenshot and saved this
1:32
as a PNG
1:34
file so you can see that guys it's a
1:36
very simple extension it will save you a
1:39
lot of time as well if you want to
1:42
actually save your screenshot of your
1:48
code so whatever code that you want to
1:50
select simply select this and then there
1:52
is this button available simply click
1:54
this button it will take the screenshot
1:56
and save it as a
1:58
location and now if
2:03
you you can see it is given right
2:11
here so there are some options here
2:14
which you can control they have given in
2:16
their documentation so these are you can
2:19
open this settings file control shift p
2:22
user setting
2:24
file Json file so right here you can
2:26
control this so
2:30
just type here code
2:33
snap and all these options will come
2:36
right here if you don't want to show
2:37
line numbers by default it's true but
2:40
you can disable this if you don't want
2:43
to show line numbers
2:46
so now the line numbers will not
2:49
show you can even customize the
2:52
background
2:53
color so if you want a different color
3:00
you'll see the change color will change
3:03
to red and you can control it by
3:05
providing an hexa assemble code here so
3:08
you can even provide hexad decimal code
3:10
here let's suppose 00 which is for the
3:13
black color
3:16
so so you can here provide your own
3:19
customized color by default it's gray
3:21
color so you can change to any
3:24
color then we have the option to
3:28
actually add a Shadow as well rounded
3:32
Corners if you want rounded Corners by
3:34
default it set to
3:40
true then we have the option
3:55
to scod
3:57
snap so if you go to the documentation
4:00
right here they have
4:02
given so yeah so there is this option
4:04
here which basically remove the
4:08
background so if you don't need the
4:11
background by default it set to
4:16
true so now what
4:20
happens the
4:22
background me change to false here and
4:25
remove this color thing so
4:31
if I change the transparent background
4:33
to
4:35
true so now what happens you can see
4:39
that you don't have the back background
4:43
here so this is actually the extension
4:47
guys you
4:49
can so by default it will be the file
4:52
name you can change this as well by
4:54
showing show window title window
4:58
controls all these options are there so
5:00
you can use this extension gu it's very
5:03
popular extension Cod
5:05
snap it will take screenshot of your
5:09
code simply activate this you can even
5:12
right click code snap just select the
5:14
code just click this button it will take
5:17
the screenshot and save this
5:24
location so thank you very much for
5:26
watching this video and also check out
5:29
my website which is free mediat
5:31
tools.com which contains thousands of
5:34
tools regarding audio video and image
5:37
and I will be seeing you in the next
5:39
video
#Programming
#Clip Art & Animated GIFs