Cover image

My Favourite Underrated VS Code Extensions

November 2, 2022

3 min read

Introduction

Copy heading link

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

Copy heading link

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

Draw.io Integration

Copy heading link

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

image-5545d33b5c1bfc12e52137879563244518b41793-1488x720-gif

Readme Pattern

Copy heading link

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

image-1f22122b0512bc3a73df41809276b183e0482b53-1836x716-gif

Remove Unused Imports

Copy heading link

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

Sort

Copy heading link

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

image-a212275cc76bff542f3db9c79cf30445d3917bb0-582x234-gif

Sort JSON objects

Copy heading link

Similar to the previous extension, this extension 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

Template String Converter

Copy heading link

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

Newsletter