DEV Community

Cover image for Top 10 VS Code Extensions to Use as Junior JavaScript Developers
Shijie Zhou
Shijie Zhou

Posted on • Edited on

21 5

Top 10 VS Code Extensions to Use as Junior JavaScript Developers

The article shows 10 of useful tools to become a successful developer. Most of us have been using the VS code for a long time, and still developers always complain about why there are so many features missing compared to Intelli J or Eclipse. The truth is that they may not find the right extension of their working environment. Once you spend a minute to learn about those extensions, we can sure you will keep your love in the VS code again.

Project Manager

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
Very useful and common project manager tools

Gitlens

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
An alternative tool for Github desktop. It is very simple and clean use guide for all developers

JavaScript (ES6) code snippets

https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
JavaScript favorite tools, if you are familiar with ES6 syntax, this extension can save you tons of time of typing

npm Intellisense

https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script
Always forget to install npm package, but this can remind you what you miss on your excellent projects

Path Intellisense

https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
The import npm package automatically while you are typing

Todo Tree

https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
As developer, Todo Tree is never getting old once you have a great project and forget to fix a problem later

ESLint

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
Lint can help you make your code much better and style your own rule.

JS Parameter Annotations

https://marketplace.visualstudio.com/items?itemName=lannonbr.vscode-js-annotations
Having trouble remembering what parameters can a function take, this plugin is able to show you what you can put

Log File Highlighter

https://marketplace.visualstudio.com/items?itemName=emilast.LogFileHighlighter
Having a hard time of reading your log file? With that you can make your life easier

Prettier - Code formatter

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Always worry about the mixing code withåout properly format? Make your code much prettier ever

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay