Extensions play a very crucial role in the life of an SWE. They are very helpful in saving time by automating the task and making the VS Code much more powerful to use. But having too many of them can slow down the performance of the machine, so here is the list of extensions I personally use and recommend.

1. Turbo Console Log

This is one of my favorite extensions out there. This little handy tool can automate the operation of writing meaningful log messages which makes debugging much easier. Simply select the variable you want to log, press `Ctrl+Alt+l`, and boom, it will produce the log message for you.

2. Auto import by States

While working on a typescript-based project I highly rely on this extension. When creating a new component or module that needs an import such as function, class, variables from another file, it automatically imports them for you to save time.

3. Auto rename tag by Jun Han

This extension helps automatically rename the closing tag if an opening tag is renamed.

Ex. Consider you want to change <h1>Hello</h1> to <h3>Hello</h3> then simply rename <h1> to <h3> and this extension will do the job to its closing.

4. Import Cost by Wix

This extension will show you the size of an imported 3rd party library which is helpful in knowing the cost of the dependency you imported.

5. JavaScript (ES6) code snippets by Charalampos Karypidis

One of the most popular JavaScript snippet extensions with over 5+ million installs to date. It provides ES6 syntax for JavaScript, TypeScript, React, Vue and HTML.

Conclusion

I hope these extensions will help you to save time and boost your productivity. Please do comment if you know some other cool extensions. Thank you for reading.