DEV Community

Cover image for Top 10 VS Code Extensions to Use as Junior JavaScript Developers
Jay Chow
Jay Chow

Posted on • Updated on

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

Discussion (0)