Development Tools

Taking easy screenshots 📸 of your code with this awesome CLI tool

When you are writing a programming article and want to attach some code snippets, the mood in the room starts to get tensed. In this article, we will explore a CLI tool that converts your code into beautiful code snippets in PNG or JPEG formats.

I love to write programming articles and teach people how to code and write better programs. Which means, this involves a lot of coding. But you want to share code you just wrote, there are a lot of options to consider.

I usually take screenshots of the code I wrote in a favourite editor like VSCode. Since VSCode also has integrated terminal support, I can also show the execution result of the code in the same window screenshot.

But this has a problem. If someone points out the mistake in the code, I need to fix it first in the code and then open the entire project in VSCode so that I can run the program and take a screenshot again.

Some people prefer online editors like jsfiddle, codesandbox or repl.it so that they can just embed the entire program in the article. This also has some shortcomings…