Take Beautiful Screenshots of Your Code in VS Code

Impress your audiences and Improve Understandability

Joe T. Santhanavanich
3 min readMar 24, 2022
Photo by Roman Synkevych 🇺🇦 on Unsplash

Sharing your code with beautiful screenshots can impress your audiences and improve understandability. This article curates two VS Code extensions to help you create a beautiful screenshot of your code. If you use VS Code to code your program, it is very easy to use an extension to take a screenshot of your code with your selected color theme, supporting all programming languages which VS Code does.

This is an example from one of my scripts from another Python article.

From This (Default Code Snippet in Medium): 😒

def main():
df = pd.read_html('https://www.stuttgart-airport.com/security-wait-times/')
df = df[0] # Get First table
df['Wait times'] = df['Wait times'].str.replace(r'\D', '')
df['Wait times'] = pd.to_numeric(df['Wait times'], errors='coerce').astype('float')
df = df.set_index('Terminal').T

Into This: 👌

Looks much better, right?

Let’s get started!

CodeSnap

--

--