发布于 2026-01-06 0 阅读
0

在 VS Code 中,每次保存时都可以轻松对导入项进行排序并删除未使用的声明。

在 VS Code 中,每次保存时都可以轻松对导入项进行排序并删除未使用的声明。

这段时间我一直使用 VSCode 的保存格式化功能,它会触发选定的默认格式化程序(Prettier)。

而且我以前一直都是手动整理导入的文件。或者换句话说,我根本没整理。真是太傻了……

因为启用它非常简单,无需安装任何额外的ESLint插件Prettier。当然,我假设您已经安装了ESLintPrettier这两个 VS Code 扩展,因为它们是任何 JavaScript 项目必备的工具。

只需将以下内容添加到您的 VS Code 中settings.json

 ...
 "editor.formatOnSave": true,
 "editor.codeActionsOnSave": {
   "source.fixAll": true,
   "source.organizeImports": true,
   "source.sortMembers": true
 }
Enter fullscreen mode Exit fullscreen mode

fixAll虽然在这个案例中并非必要,但也可能有用。

fixAll根据VS Code 文档 2019 年 11 月发行说明(版本 1.41),该属性会为包括 ESLint 在内的所有提供程序启用自动修复。

🚀 瞧,只要在设置中启用所有这些选项,VS Code 就会在每次保存文件时自动执行以下操作:

  • 使用默认格式化程序运行代码格式化
  • 排序导入
  • 删除所有未使用的声明
  • 运行 ESLint 自动修复

不用亲自动手处理这些事情总是很棒的,对吧?😎 🤖

文章来源:https://dev.to/bornfightcompany/easily-sort-imports-and-remove-unused-declarations-on-each-save-in-vs-code-35k1