5 VS Code Extensions That’ll Change Your Dev Life
Put a smile on your face with every keystroke
Creating variables in SCSS is awesome. Remembering them? Not so much.
If you’re like me, you’ve got a
_variables.scss 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
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
H2 to an
H3. Maybe you want to change a
div to a
span. 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
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
Simply put, this is
//comments 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
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
Bonus honorable mention:
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
For 5 more curated VS Code extensions, check out the follow up article: