If you ask which is my favorite IDE, it is Visual Studio Code a.k.a vscode. One major strength of vscode is its extensions. And these are my favorites,
I have created an Extension Pack for Visual Studio Code which includes all the listed extensions. You can install it from here.
Debuggers
Debugger for Chrome
Debugger for Chrome enables you to debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.
JavaScript
JavaScript (ES6) code snippets
JavaScript (ES6) code snippets contains code snippets for JavaScript in ES6 syntax
Import Cost
Import Cost display import/require package size in the editor
Programming Languages
ESLint
ESLint integrates ESLint JavaScript into VS Code.
TSLint
TSLint support for Visual Studio Code
Vetur
Vue tooling for VS Code
Snippets
Angular Snippets (Version 8)
Angular Snippets (Version 8) by John Papa
Document This
Document This automatically generates detailed JSDoc comments in TypeScript and JavaScript files.
ES7 React/Redux/GraphQL/React-Native snippets
ES7 React/Redux/GraphQL/React-Native snippets contains simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax
Icon Fonts
Icon Fonts contains snippets for popular icon fonts such as Font Awesome, Ionicons, Glyphicons, Octicons, Material Design Icons and many more!
Other
Auto Rename Tag
Auto Rename Tag as the name suggests, auto rename paired HTML/XML tag.
Highlight Matching Tag
Highlight Matching Tag highlights matching closing or opening tag
indent-rainbow
indent-rainbow makes indentation easier to read. This extension colorizes the indentation in front of your text alternating four different colors on each step.
Live Server
Live Server launch a development local Server with live reload feature for static & dynamic pages
Markdown All in One
Markdown All in One is All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)
markdownlint
markdownlint provides Markdown linting and style checking for Visual Studio Code.
Markdown Shortcuts
Markdown Shortcuts provide Shortcuts for Markdown editing.
npm Intellisense
npm Intellisense is a visual Studio Code plugin that autocompletes npm modules in import statements
Polacode
Polacode 📸 makes sharing code as a picture easier.
Peacock
Peacock subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.
Turbo Console Log
Turbo Console Log enables automating the process of writing meaningful log messages.
Version Lens
Version Lens shows the latest version for each package using code lens.
Themes
Dracula Official
Dracula Official is the official Dracula Theme. A dark theme for many editors, shells, and more.
Material Icon Theme
Material Icon Theme provides material design icons for Visual Studio Code
Material Theme
Material Theme is one of the most epic theme now for Visual Studio Code
Uncategorized
Bracket Pair Colorizer 2
Bracket Pair Colorizer 2 is a customizable extension for colorizing matching brackets
Better Comments
Better Comments improves your code commenting by annotating with alert, informational, TODOs, and more!
Bookmarks
Bookmarks enables you to mark lines and jump to them
Code Spell Checker
Code Spell Checker is a spelling checker for source code
Git History
Git History enables you to view git log, file history, compare branches or commits
GitLens — Git supercharged
GitLens — Git supercharged supercharge the Git capabilities built into Visual Studio Code — 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
Path Intellisense
Path Intellisense is a Visual Studio Code plugin that autocompletes filenames.
Prettier - Code formatter
Prettier - Code formatter is the VS Code plugin for prettier/prettier
