5 Top VSCode Extensions

Design by Miguel Norberto

VSCode is a software development environment that Microsoft created to rival the popular text editor, Atom.

It offers features like syntax highlighting, code completion, and debugging for multiple languages. Additionally, it integrates with other developer tools like Git and npm.

What are the top VSCode extensions?

If you’re looking for ways to improve your VSCode experience, then you should check out some of the best extensions available. Here are some of my favorites:

1) Code Runner - This extension allows you to run multiple lines of code at once, which can be helpful when debugging.

Code Runner is a free, open-source code editor extension for Visual Studio Code. It allows you to run and debug your code directly in the editor. Code Runner supports multiple languages, including C#, F#, Visual Basic, and JavaScript.

2) Emmet - This extension provides a ton of shortcuts for writing HTML and CSS code.

If you’re a web developer, then you’ve probably heard of Emmet. Emmet is a powerful tool that lets you write HTML and CSS code faster and more efficiently. VSCode is a code editor that supports Emmet out of the box. In this article, we’ll look at what Emmet is and how you can use it to speed up your development workflow.

3) Markdown Preview - This extension provides a preview window for viewing markdown files.

If you’re a developer, you’ve probably heard of Markdown. It’s a text-based markup language that’s used for authoring content. It’s simple to use and easy to learn, which is why it’s become so popular.

VSCode has built-in support for Markdown, which makes it an excellent choice for authoring content. But what if you want to preview your Markdown as you’re writing it? That’s where the VSCode Markdown Preview extension comes in.

The extension adds a preview pane to the bottom of the editor window, which allows you to see how your Markdown will look when it’s rendered. This makes it easy to check your work and make sure everything looks the way you want

4) GitLens - This extension adds features for working with git repositories, such as seeing changes in the file tree and viewing commit messages.

VSCode GitLens is a handy extension for visualizing your Git repository right inside of VSCode. It gives you a high-level overview of your files and directories, and allows you to view the commits and branches associated with each file. Additionally, GitLens can help you quickly identify which files have been modified and who made the changes.

Git integration

Git integration is a must-have for any developer.

Git has become the dominant version control system in the software development world. It’s a distributed system, which means that each developer has a full copy of the repository and can work on it locally. This makes it perfect for collaborative development.

Git integration in VSCode allows you to manage your Git repositories right from within the editor. You can create new repositories, commit changes, push and pull changes, and more.

Conclusion

In conclusion, VSCode is a great editor, and there are a lot of extensions to make it even better. I have listed my top 5 extensions that I use, but many more are out there. So go ahead and explore, find the extensions that work best for you, and make VSCode your own.

Enjoy reading this??

Then consider Joining my newsletter ‘Disruptive Thinking’.

👉 Subscribe