MacOS 系统中，VSCode 更新后 JS/TS 代码跳转异常的解决方法

前言

近日，有 MacOS 用户反馈，在将 VSCode 更新至 1.73 版本后，项目中 JS/TS 代码的跳转功能出现了异常，导致无法正确导航。经过一番排查，发现问题成因颇有探讨价值，本文将对此问题进行详细解析和解决方案分享。

问题排查

当代码跳转异常时，我们首先需要检查的是更新前后 VSCode 的配置是否存在差异。对比发现，更新后的 VSCode 中存在一个名为 "typescript.tsdk" 的新设置项，而该项在之前的版本中并不存在。

解决方案

通过查阅 VSCode 官方文档，我们发现 "typescript.tsdk" 设置项用于指定 TypeScript 的 SDK 路径。默认情况下，VSCode 会自动检测 TypeScript SDK 的位置，但如果检测失败，则需要手动指定 SDK 路径。

因此，解决代码跳转异常问题的关键在于正确设置 "typescript.tsdk" 选项。具体操作步骤如下：

1. 打开 VSCode，按 Command + ， 打开设置面板。
2. 在搜索栏中输入 "typescript.tsdk"，找到相关设置项。
3. 在 "typescript.tsdk" 后面的输入框中输入正确的 TypeScript SDK 路径。

注意：

• TypeScript SDK 的路径通常为 /usr/local/lib/node_modules/typescript/lib。
• 如果不知道 TypeScript SDK 的路径，可以通过运行 tsc -v 命令来获取。

后续优化

为了提高代码跳转的效率，我们还可以对 VSCode 进行以下优化：

• 确保 TypeScript 版本与 VSCode 兼容。
• 安装 "Path Intellisense" 插件，以改善代码跳转的准确性。
• 根据项目需求，调整 "javascript.suggest.paths" 和 "typescript.preferences.include" 设置项。

总结

通过正确设置 VSCode 中的 "typescript.tsdk" 选项，我们可以有效解决 MacOS 系统下 VSCode 更新后 JS/TS 代码跳转异常的问题。同时，通过后续优化，可以进一步提升代码跳转的效率，为开发人员提供更流畅的开发体验。

---