Screenshot VS Code like a pro 📸
CodeSnap creates themed code screenshots directly inside Visual Studio Code with a live preview and selectable lines.
Transcript 1 topic
CodeSnap screenshots in VS Code
0:00I mean, are sites like Carbon and Ray that you can open up in a browser, copy in your code, play with settings to make it look pretty, but who wants all that hassle? With the CodeSnap extension, you don't have to. There are extensions that utilize Carbon and Ray to take screenshots of your code, but all of them open up the browser. No. I just wanna do it within Versus Code.
And the best part is it uses whatever Versus Code theme I'm using. Let me show you how to do it. First, select the code you wanna take a picture of and right click on it. Yes. And then?
Then choose Code Snap in the context menu and bam. Preview window opens up for you to see your screenshot ready to go. You like what you see? Just press that CodeSnap logo and it'll ask you where to save the file. Oh, crap, Michael.
I selected the wrong code. No problem. The preview is live. So change and select and unselect lines. Get it dialed in just to what you want.
To install it, super easy. Search for CodeSnap in the extensions panel. I've left a link in the description below if you wanna go check it out. You wanna hear about more Versus Code tips and extensions? Be sure to hit subscribe and I'll catch you next time.
Sign in to join in. Reading needs nothing.