vs code 不分析 javascript 代码，所有功能依赖插件与配置：需装对 eslint 插件并确保 eslint.config.js 在根目录、eslint.enable 为 true、右下角语言模式为 javascript/typescript、项目根有 jsconfig.json，否则问题面板为空、ctrl+click 失效。
VS Code 自身不分析 JavaScript 代码，所有报错、跳转、引用查找都依赖插件提供语义支持——没装对插件或配置错，问题面板就是空的，Ctrl+Click 就是摆设。
为什么 ESLint 错误不显示在问题面板
只装 ESLint 插件不够，它得能真正跑起来并把结果喂给 VS Code：
-
eslint.config.js必须放在项目根目录（ESLint v8.56+ 强制要求），.eslintrc.cjs已被弃用 -
package.json中要有"eslint"作为devDependency，且版本 ≥ 8.56 - VS Code 设置里确认
eslint.enable是true（多根工作区容易被子文件夹配置覆盖） - 常见漏配：
eslint-plugin-react没装导致'React' is not defined不报；env: { browser: true }漏了导致全局变量标红
Ctrl+Click 跳转函数失败的真因
不是快捷键坏了，是语言服务压根没加载或符号没建模出来：
- 右下角状态栏必须显示
JavaScript或TypeScript，不是Plain Text—— 点它手动切语言模式 - 项目根目录缺
jsconfig.json（哪怕只有{"compilerOptions": {"allowJs": true}}），引用关系就建不全 - 光标必须落在函数名“完整拼写”上：点在
foo()的括号里、点号后、注释里，都不触发 -
import * as utils from './utils'后，utils.xxx很可能跳不动；改用import { xxx } from './utils'更稳 -
obj[methodName]()、eval()、模板字符串拼函数名——静态分析放弃追踪，必然跳不到
Shift+F12 查不到引用时别硬等
语言服务器查不到，不代表代码里没有调用，只是它“看”不见：
- 先按
Ctrl+Shift+F全局搜函数名，勾选Match Whole Word和Match Case，排除handleClicker这类干扰 - 搜导入路径：
from './utils'或import.*utils（正则模式开起），比搜函数名更准 - 用了路径别名（如
@/api）？就搜@/api，别搜物理路径；同时确认tsconfig.json的paths配置已生效 - Vue Options API 的
methods: { handleClick() {} }在旧版 Vetur 下基本查不到引用；Composition API 的setup() { return { handleClick } }才可靠
code-inspector-plugin：点页面 DOM 直达源码行
这是解决“这个按钮到底在哪写的”这类问题的终极方案，不靠语言服务，直接走 sourcemap：
- Webpack/Vite/Rspack 项目安装：
pnpm add code-inspector-plugin -D - 配置插件时指定
bundler类型，例如 Webpack 项目写{ bundler: 'webpack' } - 开发环境按住
Alt + Shift（Win/Linux）或Option + Shift（macOS），悬停 DOM 元素会高亮，点击即跳 VS Code 对应文件和行号 - 它不依赖 TypeScript 或 ESLint，也不管你用 Vue 还是 React，只要打包工具生成了 sourcemap 就能用
- 注意：仅开发环境生效，生产构建自动剔除，不用操心安全或性能
最常被忽略的其实是文件语言模式和项目配置文件的存在性——状态栏显示 Plain Text、根目录没有 jsconfig.json，再好的插件也白搭。定位问题前，先花 10 秒确认这两件事，能省掉 80% 的排查时间。
