Notion app logo
Struggling to stay organized and effective? Learn to master your time and tasks with the Effectively Notion course!

Cleanup Unused Imports with "Organize Imports" in VS Code

How to use Organize Imports in VS Code to cleanup unused imports.

2022-10-21

When working on JavaScript projects, I often find I'll remove a bunch of code but have left over imports.

InVS Code, there's a command palette option for Organize Imports that will sort your imports and remove any unused imports.

To access it, open your Command Palette and run Organize Imports.

See it in action:

Automatically Organize Imports

If you feel confident you won't be creating a lot of work for yourself adding imports back, you can also setup yourVS Code configuration to automatically Organize Imports on save.

  • Open your settings (Preferences: Open Default Settings (JSON) in the Command Palette)
  • If you don't have "editor.codeActionsOnSave" already, add the snippet below
  • If you do have it, add "source:organizeImports" to "editor.codeActionsOnSave"
"editor.codeActionsOnSave": {
    "source.organizeImports": true
},
Photo of Chase Adams

Hey, I'm Chase. I help aspiring entrepreneurs and makers turn their ideas into digital products and apps.

Freebies

Vector Arrow Scribbles
banner image for figma vector arrows scribbles

A figma community project of vectorized hand-drawn arrows.

Go To Figma
Vector Line Scribbles
banner for figma vector line scribbles

A figma community project of vectorized hand-drawn lines.

Go To Figma
Vector Shape Scribbles
banner image of figma vector shapes scribbles

A figma community project of vectorized hand-drawn shapes.

Go To Figma

Subscribe to my Newsletter

Every other week I publish the Curiously Crafted newsletter.

In it, I explore the intersection of curiosity and craft: the people who make stuff, what they make and the way they pursue the craft of making.

Online

I'm on almost all social media as @curiouslychase.

The curious logo of Chase Adams: glasses and a bow tie.stay curious.