如何在VSCode的JavaScript文件中自动补全同目录HTML的class/ID？

步骤1：安装必要插件 #

打开VSCode扩展面板（快捷键Ctrl+Shift+X/Cmd+Shift+X），搜索并安装HTML CSS Support插件。这个插件支持跨文件识别HTML中的class和ID，并提供补全提示。

步骤2：修改VSCode配置 #

1. 打开设置界面（快捷键Ctrl+,/Cmd+,），点击右上角的「打开设置(JSON)」图标，进入settings.json文件。
2. 添加以下配置项：

// 让插件在JavaScript文件中生效
"css.enabledLanguages": [
    "javascript",
    "html"
],
// 指定需要扫描的HTML文件路径，覆盖同目录及js文件夹下的所有HTML
"css.styleSheets": [
    "./**/*.html",
    "./js/**/*.html"
]

生效操作 #

配置完成后，通过快捷键Ctrl+Shift+P打开命令面板，输入Reload Window重新加载VSCode窗口。之后在JavaScript文件中编写代码时，比如输入document.querySelector('.')或document.getElementById('')，就会自动弹出对应HTML文件中的class和ID补全选项。

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