VSCode总是跳转至类型定义而非实现，如何解决？

哈哈，这个问题我之前也踩过坑！尤其是用React或者TypeScript项目的时候，右键点个函数直接跳去.d.ts类型定义文件，根本看不到真正的实现，太闹心了。下面给你几个实用的解决办法：

先简单说下原因：很多库（比如React）的npm包会把类型定义文件（.d.ts）和实际实现代码分开，VSCode默认会优先匹配类型定义，所以才会跳错地方。

方法一：临时快速跳转——按住Alt键操作 #

这是最省心的临时方案！当你右键点击目标函数（比如setState）时，不要直接点「转到定义」，而是按住Alt键再点击；或者直接用快捷键：

• Windows/Linux：Alt + F12
• Mac：Option + F12
  这样VSCode就会直接带你跳转到函数的实际实现代码里。

方法二：修改配置，让默认跳转优先找实现 #

如果不想每次都按Alt键，可以调整VSCode的全局配置，把跳转优先级改成优先找实现：

1. 打开VSCode设置（快捷键Ctrl + , / Cmd + ,）
2. 在搜索框输入typescript.preferences.preferGoToSourceDefinition
3. 勾选这个选项（设置为true）
   之后默认的「转到定义」就会优先跳实际实现，要是偶尔需要看类型定义，再按住Alt用方法一就行。

方法三：用专门的「转到实现」命令 #

VSCode本身就有针对实现的专属命令：

• 右键菜单里直接找「转到实现」（一般默认就有，要是没看到，确认下是否安装了TypeScript和JavaScript Language Features插件）
• 快捷键：Windows/Linux用Ctrl + F12，Mac用Cmd + F12
  这个命令就是专门用来定位函数实际实现的，完全不会跳去类型定义文件。

额外提示：针对React等库的特殊情况 #

如果上面的方法还是找不到React的setState实现，大概率是因为你项目里的React包是编译后的版本，源码不在node_modules里。这时候可以：

• 克隆React官方仓库到本地，然后在VSCode里把这个仓库添加为工作区文件夹
• 用npm link或者yarn link把本地源码和你的项目关联起来，之后跳转就能直接到React的源码实现了

内容的提问来源于stack exchange，提问作者Rahul