15+ Best Visual Studio Code Extensions

Visual Studio Code (VS Code) is one of the most popular and powerful IDEs.

Apart from supporting many programming languages ​​and powerful features, VS code also has extensions that can help simplify the development workflow.

In this article, we will share recommendations for General Visual Studio Code extensions and others that you should try to use to make your work easier and faster.

Recommended 15+ VS Code Extensions

The following is a list of 15 common VS Code extensions that you must try to install:

Live Servers

The Live Server VS Code extension is a favorite and popular choice among web application developers.

With the live reload feature we can see changes directly to static and dynamic pages in the browser while we write code.

Prettier

If you're working on a coding project as a team, this is a useful extension to set standard style guides and maintain the same style across teams.

This Prettier VS Code extension is a formatter that helps keep code styles consistent.

Cdnjs

In some projects, sometimes we need a JavaScript library to complete several tasks.

Cdnjs is a VS Code extension that can be relied on to search for CDNJS libraries and add them directly to HTML.

JavaScript Code Snippets

This extension contains code snippets for JavaScript in ES6 syntax for the Vs Code editor.

This extension supports JS, TypeScript, JS React, TS React, HTML, and Vue.

Beautify

The Beautify Visual Studio Code plugin functions to tidy up the source code that we write according to the writing format, such as space, line and so on.

With the help of this plugin, we can save time tidying up the code we write.

Lens Error

This extension is useful for displaying more detailed information about errors encountered when writing code.

CSS Peek

This extension can make it easy for employees to quickly review the CSS code of any class name or ID in HTML with just one click without needing to search manually.

Regex Previewer

This extension provides many examples to match, making it easier to write regexes quickly and accurately in JavaScript and TypeScript.

TODO Highlights

Instead of writing comments to highlight problematic lines of code, it would be more helpful to use the TODO Highlight extension.

With this VS Code extension or plugin, you can highlight code and create a list of highlighted codes for easy review later.

Turbo Console Logs

Added a quick shortcut for writing Console Log in JavaScript. This makes debugging easier, as it will have some useful console output to figure out what went wrong.

GitLens

GitLens enhances the Git capabilities of Visual Studio Code. With GitLens, you can see by whom, why, and when changes were made to a line of code.

Code Spell Checker

Code Spell Checker works to minimize errors in writing code. this extension will underline any unrecognized code.

That way we can immediately correct the code with the correct sentences, this extension is the best choice and has been installed by more than 8.3 million users.

Auto Rename Tags

With this extension we can easily change tags automatically if one of the tags changes its name, either the beginning or end, without having to do it twice.

This Auto Rename Tag extension or plugin works for HTML , XML, PHP, and JavaScript.

Better Comments

The Better Comments extension is to provide comments that are livelier and easier to notice when compared to regular comments in code.

With this extension, we can categorize comments into several categories, such as Warnings, Questions, Highlights and various other comments according to the settings we make

Live Share

Live Share is a VS Code extension that provides real-time developer collaboration. We can share sessions with others, collaborate on the server, debug sessions, and change code. The Live Share extension has over 9.3 million downloads.

Closing

So those are the 15+ Best Visual Studio Code Extensions . Hopefully this article can be useful. You can also share and recommend it to friends who need it.