cover-image

My Favourite Underrated VS Code Extensions

#vscode
#extensions
#productivity

Andrew Vo-Nguyen

November 2, 2022

3 min read

There are the "must have" VS Code extensions that we all install as soon as we set up VS Code such as ESLint, Prettier etc. Today I am going to share my favourite lesser known extensions and how they help my software development workflow.

Document This

This extension is fantastic for generating JSDoc comments with a single shortcut. No more manually typing in the parameters and return types.

image-dfd511c5c21f9c6f023172c8a7966fdb9b01b06d-600x240-gif

To be able to quickly create diagrams from within VS Code and to save them into your repository is a game changer!

image-5545d33b5c1bfc12e52137879563244518b41793-1488x720-gif

The worst part about writing a README file is determining its layout. Thankfully this extension has you covered.

image-1f22122b0512bc3a73df41809276b183e0482b53-1836x716-gif

This extension can detect any imports that are not in use in your files and remove them automatically. This keeps your import statements clean. It can be triggered manually, on save, or with a keyboard shortcut.

image-c793d842f3913536394313233a2d572a4e98d73f-726x220-gif

This extension simply sorts any list or lines or words. I use this frequently to sort array elements or object keys.

image-a212275cc76bff542f3db9c79cf30445d3917bb0-582x234-gif

Similar to the previous extension, this extensions traverses nested keys of a JSON object and sorts it by many options such as key, value, type, key length etc.

image-f41eddcef767ee959b28f8a4f881e2f5891538ee-636x558-gif

This extension saves time in JavaScript converting a regular string to a template literal by detecting any time you start typing ${.

image-a57922ae9d75647f3ea463fd11be85af2c9a7ce9-508x230-gif