loading...
Cover image for What plugins do I use as a NodeJS developer(for VSC)?

What plugins do I use as a NodeJS developer(for VSC)?

damirljub profile image Damir Ljubičić ・3 min read

"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)

Beautify code in place for VS Code
Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio code.

Colonize (31 882 downloads)

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)

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)

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)

Visual Studio Code plugin that autocompletes npm modules in import statements

Paste JSON as Code (573 036 downloads)

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)

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)

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)

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)

Material Icon Theme Preview

Nord Theme

Nord Theme Preview

JetBrains Mono

JetBrains Mono Preview

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!

Posted on by:

damirljub profile

Damir Ljubičić

@damirljub

Hello! I'm Damir, Backend engineer based in Croatia. Planning, developing, deploying and maintainin server-side solutions on a daily basis and working on variety of interesting and meaningful projects

Discussion

pic
Editor guide
 

Material Icon Theme is one of my first installs its going to be hard to find a better looking theme.