如何在VS Code中为HTML内关联的JavaScript文件启用IntelliSense？

1. 先确认脚本引入路径正确 #

本地JS文件要写对相对路径，同一文件夹下示例写法：

<script src="./your-script.js"></script>

CDN链接要确保能正常访问，避免无效URL导致VS Code无法解析。

2. 开启JS类型检查 #

打开VS Code设置（快捷键Ctrl+,/Cmd+,），搜索javascript.implicitProjectConfig.checkJs，勾选该选项。它会让VS Code自动推断无类型声明JS的代码结构，提升智能提示的准确性。

3. 给JS函数添加JSDoc注释 #

在你的show_alert函数上方加简单注释，帮助VS Code识别函数信息：

/**
 * 弹出提示框
 */
function show_alert() {
  alert("Hello!");
}

之后在HTML里调用时就能看到对应提示。

4. 手动关联本地JS文件（针对顽固情况） #

如果上述方法无效，在HTML的script代码块顶部添加引用指令，明确指定关联的JS文件：

<script>
/// <reference path="./your-script.js" />
show_alert(); // 现在应该能触发智能提示了
</script>

5. 安装CDN库的类型声明 #

如果是引入jQuery这类知名库，在终端运行对应的@types安装命令，比如：

npm install @types/jquery --save-dev

VS Code会自动读取类型声明文件，提供完整的智能提示。

关于VS Code默认不支持的原因 #

VS Code的语言服务默认对无类型声明的外部JS关联分析比较保守，主要是为了平衡性能——如果项目文件过多，自动全量分析会拖慢编辑器速度。而Visual Studio默认的分析策略更偏向功能完整性，所以会出现这个差异。

内容的提问来源于stack exchange，提问作者A. Mustafi