10 Best VSCode Extensions From A Senior Developer 2022

Working now as a Senior Developer from 25 extensions now down to 10, here’s why.

Photo by Annie Spratt on Unsplash

Embracing this Senior Developer part of the journey, made me realize one important thing — and that is to simplify.

I’ve always been overthinking a lot of things, it's actually very common for developers, to work every day making sure in staying sharp, thinking, and solving problems every single day.

And so, simplifying things, and focusing only on the essentials, is a skill that you will develop as you move forward and grow.

Sharing my personal list of extensions as a Senior Software Developer.

Let’s simplify things and focus only on the essentials, this approach will help you big time.

Prettier

This extension will stay on my list until the end of time.

Properly arrange, and readable code is part of the first set of rules in programming, this little extension helper will do the work for you with those white spaces and will make your programming world a better place.

Path Intellisense

This extension too will stay on my list until the end of time.

The extension that will autocomplete the filenames+the path is a lifesaver, never ever have a vscode without this extension.

Auto Rename Tag

Having a little helper to auto-rename your tags is a blessing, especially when working on nested codes, looking for the other pair would be time-consuming and stressful too.

So this little helper is a must!

GitLens

This package is also one of those vscode packages that will stay on my list till the end of time.

Working on a project with 50+ developers, and managing a team of developers, this package was able to save my arse more than I can count, having those signatures of who changes the codes — amazing would be an understatement.

Settings Sync

If you have multiple workstations/workplaces, or if you program on different laptops/pc, then this extension is important to make sure that your vscode is in sync with your preferred vscode setup.

Don’t be the developer who kept wasting his time setting up things. Automate and make use of existing technology, why reinvent the wheel?

ES7 React/Redux/GraphQL/React-Native snippets

If you are using React/Redux/React-Native, you need to install this extension, or if you are using a different language or framework just make sure that you have a snippet in your list, time is gold, let this package do the work for you.

Color Picker

As a frontend developer, the color picker extension will come in handy instead of googling the correct color code you can just simply choose inside the editor, with just this simple shortcut could save you tons of time especially if you are a frontend developer.

Material Theme

Don’t underestimate the power of aesthetics.

Even if it removes only 10% of the stress in programming, I’ll take it.

Having a good material theme while programming even how stressful your codes have become, you would not throw a rock on your screen because it's a beauty. (lol)

NPM Intellisense

NPM package is a nightmare that you don’t want to deal with, this package will simply autocomplete the statement when writing an import in your file. As a front-end developer, NPM is like a bloodline.

Document This

This is one heck of a gem, I have never really appreciated the magic of documentation/comments in the codes until this current project we were working on, we have like 50+ developers, and imagine working all those codes without document/comments, it would be a disaster.

I highly recommend you start using and practicing the use of proper documentation, it will save your as*.

Thank you for reading!

Check out the lists below for your next read.

Most Popular Articles:

How To Not Lose Your Developer Job In This Upcoming Chaos

The Journey To Senior Developer

The Power of Deep Work For Developers

Things I’ve Learned After I Left My First Developer Job

How To Stay Motivated As A Developer

How To Code Like A Pro

If I Had To Start Web Development All Over Again This 2021

10 Best Tutorials To Learn Backend Development

The 25 Best VS Code Extensions

25 Best VSCode Extensions For Javascript Developers

10 Best Tutorials To Learn Backend Development

10 Best Project-Based Tutorials To Learn Ful-Stack Development

10 Best Project Tutorials For Self-Taught Developers

11 Must-Have Web Design Tools and Resources for Developers

The Dark Side of Becoming A Self-Taught Developer

5 Practices to Help You Become the Best Developer That You Can Be

The Love and Hate Relationship We have with Programming

The Self-Taught Developer Survival Kit

Don’t forget to leave 👏🏻. You can send me as many as 50 👏🏻. As you can, it would help me continue writing and sharing as much good content, free resources, advice, and wisdom for all the developers and aspiring developers out there.

So we could share these articles with everyone who needs this the most. One article at a time, one developer at a time, one dream at a time.

I would appreciate it, and thank you very much for reading!

Follow me for more Self-taught developer writings and inspiration. You can also find me on Instagram. See you there!

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ann Adaya

Software Developer, Founder/Owner: For Self-Taught Developers + Developer's Cheatsheet: https://www.developercs.com/