There’s a VS Code setting that enables automatic organizing of imports on file saves.
It primarily does two things:
- sorts imports based on ESLint settings
- removes any unused imports
Aside from being a timesaver, this also avoids linting errors (which is especially useful in CI/CD codebases where linting errors will stop a job from completing).
What’s great is you can set it in your user or project settings and forget about it, and it’s only a couple lines.
// settings.json
{
// put this in your settings object
"editor.codeActionsOnSave": {
"source.organizeImports": true,
},
}
And that’s it! Now when you save, your imports magically sort themselves out!
Top comments (2)
@nikkizol not sure about how vscode does it, but if you let eslint do the job (via eslint-plugin-imports) instead of vscode, then you can achieve this with the setting option
"newlines-between": "never",
.Hi, I have
source.organizeImports
but it doesn't remove blank lines between import declarations, it there any rule for this one?