Do you need help taking your digital life from chaos to order? Sign up early for my Digital Delight 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.

In 30 - Collections/Software/VS 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 your 30 - Collections/Software/VS 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.

Do you need help taking your digital life from chaos to order? Sign up early for my Digital Delight course!

Reader Survey

Choose answer

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.

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