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,
Azure
Azure Account
Azure Account is a common Sign-In and Subscription management extension for VS Code.
Azure Databases
Azure Databases can be used to create, browse, and update globally distributed, multi-model databases in Azure.
Azure Kubernetes Service
Azure Kubernetes Service display Azure Kubernetes Services within VS Code.
Azure Pipelines
Azure Pipelines provides Syntax highlighting, IntelliSense, and more for Azure Pipelines YAML.
Azure Resources
Azure Resources is an extension for viewing and managing Azure resources..
Bridge to Kubernetes
Bridge to Kubernetes enables rapid Kubernetes development for teams.
Kubernetes
Kubernetes enables VS Code to develop, deploy and debug Kubernetes applications.
Debuggers
Dapr
Dapr makes it easy to run, debug, and interact with Dapr-enabled applications.
Microsoft Edge Tools for VS Code
Microsoft Edge Tools for VS Code enables you to use the Microsoft Edge Tools from within VS Code to see your site’s runtime HTML structure, alter its layout, fix styling issues as well as see your site’s network requests.
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
Auto Close Tag
Auto Close Tag automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text. From VS Code 1.16, it has built-in close tag support for HTML, Handlebars and Razor files. This extension is enabled for other languages like XML, PHP, Vue, JavaScript, TypeScript, JSX, TSX and so on. It is configurable.
C#
C# for Visual Studio Code (powered by OmniSharp)..
Docker
Docker makes it easy to create, manage, and debug containerized applications.
ESLint
ESLint integrates ESLint JavaScript into VS Code.
JavaScript Booster
JavaScript Booster enables you to boost your productivity with advanced JavaScript/TypeScript refactorings and commands
MDX
MDX Provides syntax highlighting and bracket matching for MDX (JSX in Markdown) files.
Package Json Upgrade
Package Json Upgrade shows available updates in package.json files. Offers quick fix command to update them and to show the changelog.
PowerShell
PowerShell enables you to develop PowerShell scripts in Visual Studio Code!
SQL Server (mssql)
SQL Server (mssql) enables to develop Microsoft SQL Server, Azure SQL Database and SQL Data Warehouse on VS Code.
TSLint
TSLint support for Visual Studio Code
Vetur
Vue tooling for VS Code
XML Tools
XML Tools provide features including XML Formatting, XQuery, and XPath Tools for Visual Studio Code
Snippets
Angular Snippets (Version 12)
Angular Snippets (Version 12) 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!
Surround
Surround is a simple yet powerful extension to add wrapper templates around your code blocks.
Other
Auto Rename Tag
Auto Rename Tag as the name suggests, auto rename paired HTML/XML tag.
CodeTour
CodeTour allows you to record and playback guided tours of codebases, directly within the editor.
colorize
colorize is a vscode extension to help visualize css colors in files.
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)
Markdown Preview Mermaid Support
Markdown Preview Mermaid Support adds Mermaid diagram and flowchart support to VS Code’s builtin markdown preview.
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.
Search node_modules
Search node_modules enables to quickly search the node_modules folder.
Todo Tree
Todo Tree show TODO, FIXME, etc. comment tags in a tree view.
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
Community Material Theme
Community Material Theme is the official community maintained Material Theme with ‘legacy’ color schemes you love!
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
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
Under review
Additional Resources
Changelog
2022-04-18
- Added
Package Json Upgrade
.
2022-03-31
- Added
Markdown Preview Mermaid Support
.
2022-03-18
- Added
CodeTour
.
2022-01-23
- Added
Azure Account
,Azure Databases
,Azure Kubernetes Service
,Azure Resources
,Bridge to Kubernetes
,Dapr
,MDX
,colorize
,Community Material Theme
. - Removed
Data Preview
,Better Align
.
2022-01-04
- Removed
Bracket Pair Colorizer 2
2021-11-10
- Removed [Deprecated] Debugger for Chrome.
2020-11-03
- Added Auto Close Tag, Search node_modules.
2020-10-15
- Added Microsoft Edge Tools for VS Code, JavaScript Booster
2020-10-13
- Added Surround
2020-06-13
- Added Docker, PowerShell, Kubernetes
2020-05-03
- Added Better Align
2020-04-25
- Added Data Preview, XML Tools