HomeWeb WorldTop 10 Visual Studio Code Extensions

Top 10 Visual Studio Code Extensions

Visual Studio Code extensions make this editor as the best code editor out there at the moment. The extensions for this editor are available via the Market Place. Market Place offers tons of extensions to customize as per the developer’s needs and help them in writing high-quality code.

In this journal, we will recommend the top 10 VS Code extensions for the developers working either on AI/ML, Backend development, or frontend development.

Javascript Snippet Packages for Visual Studio Code

#1 – Python

A Visual Studio Code extension with rich support for the Python language (for all actively supported versions of the language: 2.7, >=3.5), including features such as IntelliSense, linting, debugging, code navigation, code formatting, Jupyter notebook support, refactoring, variable explorer, test explorer, snippets, and more!

Visual Studio Code

#2 – C/C++

This preview release of the C/C++ extension adds language support for C/C++ to Visual Studio Code, including features such as IntelliSense and debugging.

Visual Studio Code

#3 – ESLint

Integrates ESLint into VS Code. If you are new to ESLint check the documentation.

The extension uses the ESLint library installed in the opened workspace folder. If the folder doesn’t provide one the extension looks for a global install version. If you haven’t installed ESLint either locally or globally do so by running npm install eslint in the workspace folder for a local install or npm install -g eslint for a global install.

Visual Studio Code

#4 – C#

This extension provides the following features inside VS Code:

  • Lightweight development tools for .NET Core.
  • Great C# editing support, including Syntax Highlighting, IntelliSense, Go to Definition, Find All References, etc.
  • Debugging support for .NET Core (CoreCLR). NOTE: Mono debugging is not supported. Desktop CLR debugging has limited support.
  • Support for project.json and csproj projects on Windows, macOS and Linux.

The C# extension is powered by OmniSharp.

Visual Studio Code

#5 – Debugger for Chrome

A VS Code extension to debug your JavaScript code in the Google Chrome browser, or other targets that support the Chrome DevTools Protocol.

Supported features

  • Setting breakpoints, including in source files when source maps are enabled
  • Stepping, including with the buttons on the Chrome page
  • The Locals pane
  • Debugging eval scripts, script tags, and scripts that are added dynamically
  • Watches
  • Console

Unsupported scenarios

  • Debugging web workers
  • Debugging Chrome extensions
  • Any features that aren’t script debugging
Visual Studio Code

#6 – Language support for Java

Provides Java ™ language support via Eclipse ™ JDT Language Server, which utilizes Eclipse ™ JDT, M2Eclipse and Buildship.

Visual Studio Code

#7 – vscode-icons

Bring icons to your Visual Studio Code (minimum supported version: 1.26.1)

Visual Studio Code

#8 – Prettier

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

Visual Studio Code

#9 – Beautify

Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.

VS Code uses js-beautify internally, but it lacks the ability to modify the style you wish to use. This extension enables running js-beautify in VS Code, AND honouring any .jsbeautifyrc file in the open file’s path tree to load your code styling. Run with F1 Beautify (to beautify a selection) or F1 Beautify file.

For help on the settings in the .jsbeautifyrc see Settings.md

Visual Studio Code
Visual Studio Code

#10 – GitLens — Git supercharged

GitLens supercharges the Git capabilities built into Visual Studio Code. 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.

Visual Studio Code
Visual Studio Code

Conclusion

This collection of extensions is far from being complete and are the top most installed extensions on the Visual Studio Code Market Place. We hope that it provides you with some very good tools to help you write high-quality code and become a better developer. Let us know in the comments below if you have some more useful extensions which you think are first class.

RELATED ARTICLES

Most Popular