DEV Community

Austin Beaufort
Austin Beaufort

Posted on

1 1

Great VS Code Extensions for Frontend Devs.

There are a lot of great vscode extensions out there, but in this article I'd like to share 3 that have made a big impact on my coding quality of life:

1. Bracket Pair Colorizer

image

  • Adding color to brackets and parenthesis is huge in being able to find a missing or closing bracket when you're looking through a larger file or codebase you have been dropped into.

Save yourself countless minutes and hours of trying to pinpoint matching brackets by installing this extension.

2. Prettier

image

  • Tired of meaningless syntax arguments? Tired of physically having to adjust indentation.

Search no more, Prettier is the extension for you. It can be configured to auto-format your code on save. It fixes indentation, missing semicolons, and gives codebases a uniform look for your team.

One thing to note is there is an extra step or 2 needed (like installing prettier in your project or globally, and changing your settings to use prettier on save) if you want to use this extension.

3. Git Blame

image
This one is huge if you're working on an open source project or a team at work.

I mainly use this when I run into a piece of code I don't understand in the work codebase.

I can click on the line or lines of code that are confusing, and it will bring up who wrote them.

I can then contact that person and get a clarification on what the code is doing. (This is also a good moment to mention leaving a comment in the code if you write something you know will be confusing in the future haha)

If you enjoyed this article and want more free coding content, come check out my youtube channel where I do in-depth coding tutorials:

https://www.youtube.com/watch?v=oCSMIBrIHZc

Sentry blog image

Identify what makes your TTFB high so you can fix it

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

Read more

Top comments (1)

Collapse
 
mindninjax profile image
Rishabh Singh ⚡

Thanks for the amazing list! 😍😍😍❤️❤️❤️ It made my day 🔥⭐💯

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay