5 VS Code Extensions That’ll Change Your Dev Life

Put a smile on your face with every keystroke

Titus Decali
Dec 17, 2019 · 3 min read
by Beeple

SCSS IntelliSense

Creating variables in SCSS is awesome. Remembering them? Not so much.

If you’re like me, you’ve got a partial with hundreds of dollar signs in it and names you came up with at 3 a.m. the previous night. This plugin makes your creative SCSS variable names instantly available to you anywhere in your app. No more remembering names or file searching required.

Get it here: SCSS IntelliSense

SCSS IntelliSense

Auto Rename Tag

Regardless of your chosen framework, front-end coding in HTML (or JSX) can get exhausting when there are 50 lines between your opening and closing tags. Maybe you want to change an to an . Maybe you want to change a to a . Either way, unless you’re using this plugin, you’re going to have a hard time finding that closing tag.

Why not save yourself all that effort and have it automatically changed for you? That’s the power you gain with Auto Rename Tag. Whatever you change in the opening tag will automatically be replicated in the closing tag — and vice versa.

Get it here: Auto Rename Tag

Auto Rename Tag

Duplicate Action

The ability to duplicate files with a right-click really should have come with VS Code out of the box, but when you’ve made a product as good as this, I think we can give them some slack.

And besides, all you need is the Duplicate Action extension, and it’s finally right there where you’d expect it.

Get it here: Duplicate Action

Duplicate Action

CodeStream

Simply put, this is on steroids.

Love living in your IDE? Use Trello, Slack, Asana, Bitbucket, and Microsoft Teams? CodeStream supports a ton of tools and IDEs so you can track issues without ever leaving your coding environment. That means more time staying in your flow state and less time figuring out how you’ll explain today’s issue to your colleagues.

Get it here: CodeStream

CodeStream

Night Owl

This is one of the all-time greatest themes an IDE ever had, and it’s been my daily driver for the past three years (this is actually a screenshot of my current workspace). Save your eyes at night, and be soothed by the calming blue tones of Night Owl.

Get it here: Night Owl

Night Owl

Bonus honorable mention:

Synthwave ‘84

This is the theme of coding blade runners. It pairs great with a leather trench coat, a Lamborghini Countach, and a smoke machine. Turn up your Vaporwave background music, and start banging out that beautiful code before merging your consciousness into Neuromancer’s database.

Unlike other themes, Synthwave '84 requires a bit of extra tinkering to activate the text glow effect, but afterward, I think you’ll agree it was worth the effort.

Get it here: Synthwave ‘84

Synthwave ‘84

For 5 more curated VS Code extensions, check out the follow up article:

Better Programming

Advice for programmers.

Thanks to Zack Shapiro

Titus Decali

Written by

Multi-startup founder with daily delusions of wordsmithing. Find my work on: TitusDecali.com

Better Programming

Advice for programmers.

More From Medium

More from Better Programming

More from Better Programming

More from Better Programming

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade