Visual Studio Code (VS Code) is the most popular IDE for Developers right now because of its simplicity and the availability of extensive extensions.
In this article, we will see some of the most useful and popular extensions in the VS Code.
This is one of my favorite extensions. This extension allows us to quickly add the import for any file even if it’s deeply nested by using the search functionality.
Cmd+Shift+H (Mac) to activate it and search for the file you want to import.
This is a must-have extension If you’re a React.js Developer.
It provides a ton of prefixes that we can use to quickly add snippets of code without wasting time in re-writing the same code again and again.
Check out my previous article HERE for more details.
This extension is useful for adding syntax highlighting in
.prisma files to quickly identify the error if any in the schema files.
It saves your lot of time by avoiding the need for formatting after every line of code. It automatically formats your code when you save the file. It also helps to catch errors in your code as it will not format the code if there is an error for example missing bracket or invalid syntax.
Check out my previous article HERE to understand its awesome features and learn how to use it.
This extension allows us to quickly see the preview for any image in the CSS file on the left side of the image URL or on hover.
If you need to quickly format JSON data then you can create a .json file with the JSON data inside it and from the VS Code command palette press
Cmd+Shift+P (Mac) and type Prettify JSON to format the contents of the file.
This extension is very useful to quickly find a matching bracket by showing underline for the matching bracket.
If you’re using
styled-components in React then this extension will provide syntax highlighting for styled component code which makes it easy to write and debug it.
This extension automatically renames the ending HTML tag while renaming the starting tag and vice versa.
This extension automatically closes the ending HTML tag while adding a new HTML tag which helps in avoiding the missing tags issue.
This extension provides shortcut commands to be used in markdown(.md) files like just selecting the text and pressing
Cmd+B (Mac) to make the text bold. It also allows us to easily preview the markdown files.
Git History extension allows us to see the git history in our repository, compare it with the previous version, create a new branch and a lot more.
Just right click on any file/folder from VS Code that is added to git and select
Git: View File History option to see all the Git history for that file/folder.
Don't forget to subscribe to get my weekly newsletter with amazing tips, tricks and articles directly in your inbox here.