Top 10 VS Code Extensions to Use as Junior JavaScript Developers
Tags: javascript, webdev, vscode, git
Published: 2019-06-10 04:01:14

---
title: Top 10 VS Code Extensions to Use as Junior JavaScript Developers
published: true
description: the article shows 10 ways of becoming a successful developer
tags: javascript, webdev, VS code, git
cover_image: https://thepracticaldev.s3.amazonaws.com/i/esex8gbu2d8uiv8s9a0r.png
---

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
![](https://thepracticaldev.s3.amazonaws.com/i/e5g1lqzurxf9fmgl6sms.png)
## 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
![](https://thepracticaldev.s3.amazonaws.com/i/kdbq2doqbmdp0oqb9kj5.png)
## 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
![](https://thepracticaldev.s3.amazonaws.com/i/758yfglezc5whle90wpn.png)
## 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
![](https://thepracticaldev.s3.amazonaws.com/i/bzf8k94cmw4kwqubn3ka.png)
## Path Intellisense
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
The import npm package automatically while you are typing
![](https://thepracticaldev.s3.amazonaws.com/i/j5g1eo9nst0doco951lt.png)
## 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
![](https://thepracticaldev.s3.amazonaws.com/i/8c9fnoeya2xhdf97fh8u.png)
## ESLint
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
Lint can help you make your code much better and style your own rule.
![](https://thepracticaldev.s3.amazonaws.com/i/8upknfsmswe42awpet5e.png)
## 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
![](https://thepracticaldev.s3.amazonaws.com/i/rigpg7nohey0qz1fxdjw.png)
## 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
![](https://thepracticaldev.s3.amazonaws.com/i/58wuffqykyjgsna1xa1f.png)
## 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
![](https://thepracticaldev.s3.amazonaws.com/i/l3ttslib519de0nbjeaa.png)