What plugins do I use as a NodeJS developer(for VSC)?
Tags: vscode, productivity, javascript, webdev
Published: 2020-09-22 07:52:43


#*"Give me six hours to chop down a tree and I will spend the first four sharpening the axe" - Abraham Lincoln*




As a young developer, having numerous plugins out there to choose from is both blessing and a curse. Without idea where to look for and what to look for, going through "List of 10 best plugins for VSC" articles to find what people like and use, just to be able to tailor what works and what could help YOU to develop better applications.

Without further ado, here are plugins I use as a Backend developer(NodeJS, Typescript) to ease the process and speed it up.



###**[Beautify (5 407 267 downloads)](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify)**
Beautify code in place for VS Code
Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio code.


###**[Colonize (31 882 downloads)](https://marketplace.visualstudio.com/items?itemName=vmsynkov.colonize)**
Adds semicolon at the end of the line and optionally newline after
Adds three shortcuts to insert semicolons with ease;

`shift + enter` Insert semicolon at the end of the line and continue on the same line
`alt + enter` Insert semicolon at the end of the line and continue on the new line
`ctrl + alt + enter` Insert semicolon and stay at the same position


###**[GitLens — Git supercharged (6 391 990 downloads)](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)**
Supercharge the Git capabilities built into Visual Studio Code
GitLens simply helps you better understand code. Quickly glimpse into whom, 
why, and when a line or code block was changed. Jump back through history to gain further insights as to how and why the code evolved. Effortlessly explore the history and evolution of a codebase.


###**[Javascript(ES6) code snippets (4 019 175 downloads)](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets)**
Code snippets for JavaScript in ES6 syntax
This extension contains code snippets for JavaScript in ES6 syntax for Vs Code 
editor (supports both JavaScript and TypeScript).


###**[npm Intellisense (2 407 941 downloads)](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense)**
Visual Studio Code plugin that autocompletes npm modules in import statements


###**[Paste JSON as Code (573 036 downloads)](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype)**
Copy JSON, paste as Go, TypeScript, C#, C++, and more.
Interactively generate types and (de-)serialization code from JSON, JSON Schema, and TypeScript
Paste JSON/JSON Schema/TypeScript as code

###**[SSH FS (203 266 downloads)](https://marketplace.visualstudio.com/items?itemName=Kelvin.vscode-sshfs)**
File system provider using SSH
This extension makes use of the new FileSystemProvider, added in version 1.23.0 
of Visual Studio Code. It allows "mounting" a remote folder over SSH as a local 
Workspace folder.

###**[Todo Tree (688 353 downloads)](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree)**
Show TODO, FIXME, etc. comment tags in a tree view
This extension quickly searches (using ripgrep) your workspace for comment tags 
like TODO and FIXME, and displays them in a tree view in the explorer pane. 
Clicking a TODO within the tree will open the file and put the cursor on
the line containing the TODO.

###**[ESLint (10 827 567 downloads)](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)**
Integrates ESLint JavaScript into VS Code.
Integrates ESLint into VS Code. If you are new to ESLint check the 
documentation(https://eslint.org/).



Aside from tools that help to speed up development, I use these plugins to make my IDE easy on the eyes.

###**[Material Icon Theme (5,272,168 downloads)](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)**

![Material Icon Theme Preview](https://dev-to-uploads.s3.amazonaws.com/i/2rrmkvmdbj88ar0j7zuj.png)

###**[Nord Theme](https://marketplace.visualstudio.com/items?itemName=arcticicestudio.nord-visual-studio-code)**

![Nord Theme Preview](https://dev-to-uploads.s3.amazonaws.com/i/7tnnvplzrwbnuyo0ps58.png)

###**[JetBrains Mono](https://www.jetbrains.com/lp/mono/)**

![JetBrains Mono Preview](https://dev-to-uploads.s3.amazonaws.com/i/rggkiuajfvd08n52jfgu.png)


That would be about it from what I use. From time to time, I will add a new plugin to my VSC editor, but this is the basic setup I use.

Happy coding and until next time!