VSCode中点击终端React编译警告跳转至源码的方法与疑问
先明确你的第一个疑问：这些警告确实是ESLint生成的
你看到的no-unused-expressions是ESLint的内置规则，用来检测代码中存在未被使用的表达式（比如你可能写了一个没有赋值或调用的表达式语句）。Create React App（CRA）默认集成了ESLint，并且在编译阶段会自动运行ESLint检查，把不符合规则的警告/错误输出到终端。
VSCode 完全支持终端警告点击跳转，只需满足这些条件
VSCode的终端天生支持识别文件路径:行号:列号格式的文本，并允许点击跳转对应位置——和你熟悉的Visual Studio功能一致。如果你的终端警告点不动，大概率是这两个原因：
终端路径识别配置问题
VSCode通过terminal.integrated.wordSeparators设置来判断哪些字符是链接的分隔符。默认配置已经包含了识别路径所需的符号，但如果被修改过，可能导致路径无法被识别为可点击链接。
你可以打开设置（Ctrl+,），搜索terminal.integrated.wordSeparators，确保它的取值里没有包含./、:这些路径相关的符号（默认值是\t\n~!@#$%^&*()_+={[}]|\:;"'<>,?/`）。ESLint输出格式不符合VSCode识别要求
CRA默认的ESLint输出格式是符合VSCode识别标准的，但如果你自定义过ESLint的格式化器（比如用了eslint-formatter-pretty这类第三方格式化器），可能会改变输出格式，导致路径无法被识别。
解决方法是改回ESLint默认的格式化器，或者确保你的自定义格式化器输出包含文件路径:行号:列号的结构。
更推荐的替代方案：用VSCode的「问题面板」直接管理所有警告/错误
其实不用依赖终端点击，VSCode自带的「问题面板」（快捷键Ctrl+Shift+M）会自动收集所有ESLint、编译工具抛出的警告和错误，并且点击任意条目就能直接跳转到对应代码行——比终端点击更稳定，还能按类型、文件过滤问题，体验和Visual Studio的输出面板一致甚至更好。
CRA的ESLint警告会自动同步到这个面板里，你可以直接在这里处理所有代码问题。
总结
- 你看到的编译警告确实来自ESLint；
- VSCode支持终端警告点击跳转，检查终端配置和ESLint输出格式即可；
- 优先使用「问题面板」来管理代码问题，效率更高。
内容的提问来源于stack exchange，提问作者Justin Grant
