typescript - WebStorm 和 TypeScript : how to navigate to JS source file of a package?

标签 typescript webstorm

假设在我的 TypeScript 项目中,我使用 Express 和这样的方法:

response.send('Hello');

我想看看 send() 方法是如何实现的。但是,当我 ctrl+click WebStorm 中的方法名称时,它会将我带到 .d.ts 文件(TypeScript 定义)而不是真正的源代码。可以理解但有点不愉快。获取源代码的最简单方法是什么?

最佳答案

获取源代码的最简单方法是禁用相应的库(如果 d.ts 文件作为库下载)/从项目中删除 typescript 定义。然后 WebStorm 将尝试在 .js 文件中查找定义。

有一项功能要求可以将 TypeScript 定义与可用的 .js 定义“合并”,使用 d.ts 完成和 .js - 用于导航 ( WEB-12630 )。这里唯一的问题是 WebStorm 不能总是在 .js 中找到正确的定义——这就是改用 TypeScript 定义的原因。例如,如果模块属性是通过迭代文件系统中的文件来定义的:

fs.readdirSync(__dirname + '/middleware').forEach(function(filename){
  if (!/\.js$/.test(filename)) return;
  var name = basename(filename, '.js');
  function load(){ return require('./middleware/' + name); }
  exports.middleware.__defineGetter__(name, load);
  exports.__defineGetter__(name, load);
});

解决它们以完成/导航似乎是不可能的

关于typescript - WebStorm 和 TypeScript : how to navigate to JS source file of a package?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40787556/

相关文章:

angular - 为什么在 WebStorm 中代码缩进或更漂亮地添加分号?

typescript - PhpStorm 中的 "Types are not supported by current JavaScript version"

intellij-idea - 在 WebStorm 中选择一个 sass 声明

javascript - 如何使用 WebStorm IDE 在我的 Meteor 应用程序中调试 CoffeeScript

angular - 表单提交有 Angular Material

typescript - firebase 函数错误 : Cannot find module when serving locally, 在以前工作的项目中突然出现

reactjs - 调用 setState() 将执行函数值而不是传递它

typescript - 如何包装组件并继承其 props 接口(interface)

syntax-highlighting - WebStorm 中的 WebStorm 和 PHP 语法高亮显示

angularjs - 如何结合 Play Framework 和angular2?