如何在VSCode的JavaScript中实现Ctrl+.触发自动导入功能？

问题 #

编写JSX/TypeScript代码时，未导入的可用模块下方会出现波浪线，按下Ctrl+.可通过重构自动导入，但JavaScript环境下按下Ctrl+.无反应。需配置该功能，并将快速修复快捷键绑定为Alt+Enter（对齐Pycharm操作习惯），同时让TypeScript和JavaScript保持一致的快捷键与体验。拒绝使用Ctrl+Space自动补全，原因：

• Alt+Space用户体验差，在单词中间按下时，即便已输入完整名称仍会自动补全，导致标签错误（例如组件名为KeyboardRow，光标在Keyboard的d后，会变成KeyboardRowRow）；
• 希望统一使用Alt+Enter作为快速修复快捷键。

解决步骤 #

1. 启用JavaScript自动导入基础功能 #

打开VSCode设置（快捷键Ctrl+,），搜索并开启以下设置：

• javascript.suggest.autoImports: 设置为true，开启JavaScript自动导入建议
• javascript.updateImportsOnFileMove.enabled: 设置为always或prompt，确保文件移动时自动更新导入路径
• 可选：editor.codeActionsOnSave中添加source.addMissingImports，实现保存时自动补全缺失导入

2. 修复Ctrl+.无反应问题 #

• 检查快捷键冲突：打开快捷键设置（Ctrl+K Ctrl+S），搜索editor.action.quickFix，确认该命令的快捷键为Ctrl+.且未被其他命令占用。
• 添加项目配置文件：在项目根目录创建jsconfig.json（JavaScript项目必备），让VSCode更好识别模块：

{
  "compilerOptions": {
    "module": "ESNext",
    "target": "ES6",
    "jsx": "react",
    "moduleResolution": "node"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist"]
}

3. 绑定Alt+Enter为快速修复快捷键 #

打开快捷键设置（Ctrl+K Ctrl+S）：

1. 搜索editor.action.quickFix
2. 点击命令旁的铅笔图标，输入Alt+Enter作为新快捷键并保存。
   这样TypeScript和JavaScript都会通过该快捷键触发快速修复，包括自动导入功能。

4. 优化自动补全体验（避免错误补全） #

打开VSCode设置（Ctrl+,），搜索并调整以下设置：

• editor.suggest.snippetsPreventQuickSuggestions: 设置为true，输入完整单词后不会触发不必要的补全
• editor.acceptSuggestionOnCommitCharacter: 设置为false，避免输入特定字符时自动补全

内容的提问来源于stack exchange，提问作者R River