如何在IntelliJ或其他IDE中查看TypeScript依赖的TS源码？

IntelliJ 操作步骤 #

• 自动拉取源码：打开设置（快捷键Command+,），进入Build, Execution, Deployment > Build Tools > npm（或你使用的yarn/pnpm），勾选「Download sources」。后续安装依赖时，IDE会自动下载包的源码（前提是该包发布时附带了源码文件）。已安装的依赖可右键node_modules里的对应包，选择「Download Sources」手动触发拉取。
• 配置TS解析规则：进入Settings > Languages & Frameworks > TypeScript，勾选「Resolve packages via tsconfig.json」，同时确保项目根目录tsconfig.json的compilerOptions中开启resolveJsonModule: true，让IDE能正确识别包package.json里声明的源码入口。

手动关联源码（适用于未发布源码的包） #

如果依赖包未在npm发布时附带源码，可通过以下步骤手动关联：

1. 执行命令获取包的仓库地址：npm view <package-name> repository.url
2. 将仓库克隆到本地任意目录：git clone <仓库地址>
3. 在IntelliJ中打开File > Project Structure > Libraries，点击+选择「JavaScript」，指向克隆后的源码目录。之后跳转声明时，IDE会优先使用本地源码。

VS Code 补充方法 #

切换到VS Code的话，只需确保依赖包的源码已下载，右键声明选择「Go to Definition」即可跳转；若未下载，可配合tsconfig.json中resolveJsonModule: true的配置，让编辑器识别包的源码入口。

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