Best VS Code Extensions You Need in 2019 🚀
Prettier
Prettier is an opinionated code formatter with support for a wide variety of languages. It removes all original styling and ensures that all outputted code conforms to a consistent style. Therefore when multiple people working on a single project, Prettier enforces a consistent code style.
Bracket Pair Colorizer
This extension allows matching brackets to be identified with colors. The user can define which characters to match, and which colors to use. This is very useful when working with many lines of code.
ES7 React / Redux / GraphQL / React-Native snippets
If you're a React Developer this is a must-have extension since this makes the life a lot easier by generating snippets on a few keystrokes. You can search through snippets with ES7 snippet search command which can be run with CMD + Shift + P
Git Lens
Gitlens must have if you're working with a team of people or even if Individual. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more
Auto Close Tag & Auto Rename Tag
Automatically add HTML / XML close tag,
- Automatically add a closing tag when you type in the closing bracket of the opening tag
- After closing tag is inserted, the cursor is between the opening and closing tag
- Set the tag list that would not be auto-closed
- Automatically close self-closing tag
Better Comments
This extension helps you generate & categorize comments such as TODO or important comment. I use this extension very often for my todos while developing a project.
Leetcode
If you're a competitive coder and you don’t want to leave VS Code to solve the problems. Then this is the extension you're looking for. This integrates Leetcode into your editor and you can compile it and submit your code without switching the windows.
NPM
This extension supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.json.
NPM Intellisense
While NPM Intellisense autocompletes npm modules in import statements.
Colorize
Colorize, If your into CSS and in the external CSS file you want to easily distinguish between the different colors. This extension your styles files looking for colors and generate a colored background (using the color) for each of them.
ESLint
ESLint is an open source project. Its goal is to provide a pluggable linting utility for JavaScript. It’s a must have if your working with JavaScript.
Debugger for Chrome
An extension to debug your JavaScript code in the Google Chrome browser, or other targets that support the Chrome DevTools Protocol.
Language Support for Java(TM) by Red Hat
This is probably the extension which forces you to forget Sublime Text Editor & is completely laudable.
Themes
Some of my favorite dark themes
Flat UI dark
One Dark Pro
Dracula
Oceanic Next Dimmed bg
Some other extensions
- Live Server: A development local Server with live reload feature for static & dynamic pages.
- Path Intellisense: Visual Studio Code plugin that autocompletes filenames.
- Settings Sync: Allows you to save user settings, extensions and keybindings in a Gist so you can set up a new VSCode in minutes.
Show some love by giving this article couple of claps up to 50👏 👏 👏 👏Feel free to connect with me on LinkedIn — https://linkedin.com/in/jatin-varlyani
Happy Coding 🎉 🎉
