Cleanup Unused Imports with "Organize Imports" in VS Code

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

thumbnail for Cleanup Unused Imports with "Organize Imports" in VS Code

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

Was this page helpful?

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.