5 VSCode Extensions You Must Use To Become A Power User
Visual Studio Code is a free and open-source, cross-platform and lightweight code editor developed by Microsoft. It is available on Linux, OS X, Windows and as extension for Google Chrome and Firefox.
Visual Studio Code
Visual Studio Code (VS Code) is fast becoming one of the most popular editors among developers. It's not only because it's open source or cross-platform but also because it provides a great experience for developers.
The best part about Visual Studio Code is that it comes with a ton of extensions out of the box which makes it really powerful and flexible. You can customize VS Code to your liking using all these extensions.
Top VS Code Extensions:
VSCode is a great text editor, and some of the best extensions will make your life as a coder a whole lot easier. If you enjoy using this editor, take advantage of these extensions to make your workflow as seamless as possible. Here are the 5 most useful Visual Studio Code extensions you must try:
Tokyo Night
Most coder uses dark theme for coding. There are many theme for VS Code out there. But this theme is one of my favorite one. You should try this if you late night coder.
Auto Close Tag
Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does. It will speed up your coding and make it easy and fast.
Color Picker
Helper with GUI to generate color codes such as CSS color notations.
And, a command Convert Color to change the color notation.
A dialog box is shown by pressing Alt + C P keys or command Pick Color. If a cursor is positioned on a string that is color notation at that time, that string is selected as target for editing.
Beautify
Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.
Although VS Code uses js-beautify normally, but it lacks the ability to modify the style you wish to use. This extension give you the power to beautify your ugly code.
CSS Peek
This extension extends HTML and ejs code editing with Go To Definition and Go To Symbol in Workspace support for css/scss/less (classes and IDs) found in strings within the source code.
This was heavily inspired by a similar feature in Brackets called CSS Inline Editors.
Conclusion:
There's a ton of extensions out there, so it can be hard to choose the ones that are right for you. Hopefully, this list will help by pointing out the most useful VSCode extensions that every designer should be using to boost their productivity. We hope that this list of extensions will help you to achieve more in your coding life, and boost your productivity. If we forgot any extensions or you just have new ones to add to the list, please let us know. Thanks for reading!