vscode没有一键分析js依赖关系的插件，必须分场景处理：shift+alt+f12查“谁import了我”，ctrl+shift+h看双向调用链（具名函数有效），madge cli生成可交互依赖图，动态引用需文本搜索补位。
VSCode 没有“一键分析 JS 依赖关系”的插件，所谓“快速分析”必须拆解为具体动作：查谁 import 了我、查我 import 了谁、查调用链是否合理——每种需求对应不同机制，不能靠一个插件包打天下。
Find All References 是查“谁 import 了我”的唯一可靠方式
右键点击一个导出的函数名（如 export function fetchData 中的 fetchData）→ Find All References（快捷键 Shift+Alt+F12），才能看到哪些文件通过 import 或 require 引用了它。
- 必须确保文件语言模式是
JavaScript或TypeScript（右下角显示，不是Plain Text） -
export default function() {}这类匿名导出会失效，改用export function fetchData() {} - 动态 import（
import(`./${name}.js`)）、拼接字符串的require('' + path)、eval加载的模块，统统不会出现在结果里 - 如果结果为空，先检查
jsconfig.json是否存在（哪怕只有一行{"compilerOptions": {"allowJs": true}}）
Call Hierarchy 能看“我被谁调用 + 我调用了谁”，但 JS 支持有限
Ctrl+Shift+H 展开的是当前函数的调用树，但它依赖语言服务器对控制流的推导能力。JS/TS 场景下容易踩坑：
Comprehensive Three.js 3D graphics reference
下载
详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
- 只对具名函数有效：
const handler = () => {}或obj.method = function() {}不会被识别 -
obj[methodName]()、fn && fn()、setTimeout(fn, 0)这类动态调用路径，Call Hierarchy 直接跳过 - 灰色条目（如
const f = fetchData; f()）表示“同文件内间接绑定”，Pylance 默认不追踪，需手动开启相关设置 - TS 项目若
tsconfig.json未启用"composite": true或跨工程引用缺失"references"，跨目录调用链会断裂
madge 命令行才是生成可交互依赖图的实际方案
VSCode 插件（如 Dependency Cruiser）只是包装层，真正干活的是 CLI 工具。直接终端运行更可控：
- 安装：
npx madge --init（生成配置）或直接npx madge（零配置试跑） - ESM 项目必加扩展名：
npx madge --extensions js,ts,jsx,tsx src/ --html deps.html，否则import全被忽略 -
--max-depth 2防止图过大卡死；--circular单独高亮循环依赖 - 生成的
deps.html需用 Live Server 扩展打开，支持缩放、拖拽、悬停看完整路径、点击跳转源码 - 注意：它仍是静态快照，不反映
webpack的tree-shaking或运行时条件加载
依赖分析真正的复杂点不在工具选择，而在于 JS 本身语义模糊性——动态引用、运行时路径拼接、eval、Function 构造器，这些都不是任何静态分析工具能覆盖的。你得接受：一部分依赖关系，只能靠 Ctrl+Shift+F 搜字符串 + 人工验证。
