如何在VSCode的JavaScript开发中实现HTML元素ID自动补全？

VSCode可以实现JavaScript引用HTML元素ID的IntelliSense提示，操作步骤如下：

• 在项目根目录创建jsconfig.json配置文件，写入以下内容：

{
  "compilerOptions": {
    "target": "ESNext",
    "checkJs": true
  },
  "include": [
    "**/*.js",
    "**/*.html"
  ]
}

配置里的checkJs用来开启JavaScript类型校验能力，include字段指定VSCode需要扫描的文件范围，加入HTML后缀后编辑器就会自动提取所有HTML文件里定义的元素ID。

• 确认VSCode内置的TypeScript and JavaScript Language Features扩展处于启用状态，该扩展是JS/TS智能提示的核心依赖，默认状态为开启，如果你之前手动禁用过需要重新打开。
• 按Ctrl+Shift+P（Mac系统为Cmd+Shift+P）调出命令面板，执行「重新加载窗口」命令，配置就会生效。后续你在JS文件中调用document.getElementById()等方法时，就会自动补全项目内已定义的元素ID，同时附带对应的DOM类型提示。

如果不需要全局开启JS类型校验，也可以在需要提示的单个JS文件头部添加// @ts-check注释，仅对当前文件生效。

内容的提问来源于stack exchange，提问作者Ryan Daniels