&w=3840&q=75)
It is essential to have good tools, but it is also essential that the tools should be used in the right way. -Wallace D. Wattles
Bored with your coding workflow? We've got you covered!
Introduction
Used by millions of developers around the world. Visual code studio is one of the best code editors in the industry for several reasons.
However, sometimes the coding workflow might be painful and repetitive! So today we will share with you the top 10 vs code extensions to boost your productivity.
WakaTime
Do you want to track your coding time in order to get a clear vision of your hard work?
WakaTime is the best solution out there with over 400K downloads!
Live Server
code, save, refresh
You probably had enough of this infinite loop, How about a live server with a live reload feature, yeah this is real! The live server extension is a lifesaver! install it right away, stop wasting time, let it do the work.
14 Million downloads for a reason!!
Live Share
With over 5.7 million downloads. Live share is a powerful tool that will definitely help you in your coding journey, it allows real-time collaboration between developers, it gives you the ability to share codes files and even your terminal. A powerful tools that will definitely help you in your coding journey.
Prettier
With over 14 million downloads, Prettier is a must-have, instant auto-format with the correct white spacing! hit save and give your code a good structure!
Auto Rename Tag
This is an essential extension, Automatically rename paired HTML/XML tags, So you don't have to waste your time thinking about this!
6 Million downloads!
Bracket Pair Colorizer
A customizable tool for colorizing matching brackets. With over 6 million downloads, you will definitely need this extension, especially if you're building projects with long and complicated functions and components.
Better Comments
Vs code studio default comments are usually limited and confusing. Therefore developers prefer to use The Better Comments extension(2 million downloads) to write meaningful and descriptive comments, alerts and TODOs.
ES7 React/Redux/GraphQL/React-Native snippets
With over 3,4 million downloads this extension is mandatory for developers, you don't have to write templates from scratch again. Use three or four letters snippets and you're good to go.
Tailwind CSS IntelliSensePreview
Tailwind CSS is a very powerful CSS framework but remembering thousands of styling classes might be challenging! As a result, the intelliSensePreview extension provides users with advanced features such as autocomplete and syntax highlighting!
GitLens
With over 10Million downloads. GitLens is a very useful tool, it allows you to track your code changes, explore Git repositories and collect valuable insights.
Conclusion
I highly recommend you to use these extensions, and get the most of this incredible code editor, keep up the good work!
Enjoyed this article? Consider sharing it.