如何让VSCode自动组织import语句？

配置VSCode自动组织import需安装Prettier或ESLint插件并启用保存时格式化，设置"editor.formatOnSave": true及默认格式化器，配合Import Sorter可自定义排序规则，TypeScript项目需确保tsconfig.json支持，保存时自动优化import结构。

VSCode 可以通过配置和插件自动组织 import 语句，提升代码整洁度。关键在于使用合适的工具并正确设置格式化规则。

安装 Prettier 或 ESLint 插件

让 VSCode 自动整理 import，推荐使用 Prettier 或 ESLint，它们支持排序和去重。

• 打开 VSCode 扩展市场，搜索并安装 “Prettier - Code formatter”
• 或安装 “ESLint” 扩展（如果项目已使用 ESLint）
• 确保项目根目录有配置文件，如 .prettierrc 或 .eslintrc.js

启用保存时自动格式化

配置 VSCode 在保存文件时自动运行格式化工具。

• 打开设置（Ctrl + ,）
• 搜索 “format on save”
• 勾选 Editor: Format On Save

也可以在 settings.json 中手动添加：

法语写作助手

法语助手旗下的AI智能写作平台，支持语法、拼写自动纠错，一键改写、润色你的法语作文。

31

查看详情

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

使用 Import Sorter 插件（可选）

如果你需要更灵活的 import 排序规则，可以安装专门的插件。

• 搜索安装 “Import Sorter” 扩展
• 默认按字母顺序排序 import
• 支持 TypeScript、JavaScript、Vue 等
• 可在保存时自动运行，需配置：

"[javascript]": {
  "editor.codeActionsOnSave": {
    "source.organizeImports": true
  }
}

确保语言服务支持

VSCode 内置的 JavaScript 和 TypeScript 语言服务支持组织 import。

• 右键编辑器 → “组织导入”（Organize Imports）
• 或使用快捷键 Ctrl+Shift+P → 输入 “Organize Imports”
• 要自动执行，需开启上述保存时动作

注意：TypeScript 项目需在 tsconfig.json 中启用相关支持。

基本上就这些。配置完成后，每次保存文件，import 语句就会自动排序、去重并优化结构，不需要手动干预。不复杂但容易忽略的是确保默认格式化器设置正确，否则可能无反应。

以上就是如何让VSCode自动组织import语句？的详细内容，更多请关注php中文网其它相关文章！