DEV Community

Cover image for Elegant VS Code Extensions [part 2]
Ayoub Abidi
Ayoub Abidi

Posted on

Elegant VS Code Extensions [part 2]

It's been over a year since I published Elegant VS Code Extensions article.
So I decided to make a second part.
Without further ado, let's jump into our new list.

Auto Rename Tag

Instead of changing open and close tags by yourself, you can use Auto-Rename Tag and do this simultaneously. Start changing an open tag and its close tag will change automatically. This is very useful, especially when you have a lot of nested code.

Better Comments

Image description
What this extension do is spice up your code commenting game by allowing different colored comments which would make them stand out rather than the boring grey default.

Code Snap

So far, the CodeSnap extension is my favorite tool to create a screenshot with its simplicity. After installation, you can just drag to select your code where you want a screenshot, right-click to open the CodeSnap menu, and click a button to generate a screenshot and save it as PNG locally.

Git History

Git History gives us a wide range of features, Using Git History we can access the git log with the graph and details, As the name also suggests we can view and search the history and we can also compare branches, commits, and files across commits along with many miscellaneous features. With the new update of VS Code, you will see many miscellaneous features of Git History already available on the Source control section on VS Code.

Live Server

This extension launch a local development server with live reload feature for static & dynamic pages. It will help you while developing a basic project without any framework but with feature of real-time reload that exist in every framework.

Vim


In case you don't know what vim is, it's a free and open-source, screen-based text editor program. it was know for it's capability to make you productive while coding But we all are using vs code now. This is when vim extension comes and give you the best of both worlds.

Conclusion

This was it. I'm hoping these extensions help you become more productive!

Latest comments (0)