cft

Top 10 VS Code Extensions to Use as Junior JavaScript Developers

Top 10 VS Code Extensions to Use as Junior JavaScript Developers


user

Jay Chow

2 years ago | 1 min read

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)

Upvote


user
Created by

Jay Chow

Living life openly. This year I set the following goals. Below you can find the progress on each.


people
Post

Upvote

Downvote

Comment

Bookmark

Share


Related Articles