参考 IDEA 中的 JavaScript 代码元素 (WebStorm, PhpStorm, ...)答案

【问题标题】：Reference JavaScript code elements in IDEA (WebStorm, PhpStorm, ...)参考 IDEA 中的 JavaScript 代码元素 (WebStorm, PhpStorm, ...)
【发布时间】：2019-11-16 00:09:56
【问题描述】：

IDEA PhpStorm 中有一个有用的功能可以引用代码元素（常量、类、方法）：

结果：\Monolog\Processor\GitProcessor::$level

是否存在引用 JavaScript 代码元素的类似方法？我只有变量或函数的名称，没有指向项目脚本层次结构的放置指针 - setPrototypeOf。

理想的结果是smth。喜欢node_modules/express/lib/middleware/init.js::setPrototypeOf。

可能是某些 IDEA 插件提供了这种能力？

【问题讨论】：

标签： javascript intellij-idea plugins ide development-environment

【解决方案1】：

在 JavaScript/TypeScript 中，复制参考 操作将完整的限定名称复制到剪贴板。例如，对于下面的bar() 方法，它将是myNamespace.MyInterface.bar：

declare namespace myNamespace {
  interface MyInterface {
    bar():void;
  }
}

对象键，如：

const Obj = {
  key: ()=> {}
}

它是Obj.key。使用breadcrumbs右键菜单中的Copyqualified name to clipboard操作可以获得类似的结果。

但是，没有办法在这个值前面加上一个文件路径。您需要在文件右键菜单中使用 复制相对路径 操作将路径复制到剪贴板

【讨论】：

myNamespace.MyInterface.bar 会很棒，不幸的是我使用的是纯 JS，没有 TypeScript 功能。

【解决方案2】：

我使用@namespace & @memberOf JSDoc 注解：

/**
 * @namespace Monolog_Processor
 */
"use strict";

/**
 *
 * @memberOf Monolog_Processor
 * @constructor
 */
function GitProcessor() {
    this.$level = 16;
}

module.exports = GitProcessor;

这是参考：Monolog_Processor.GitProcessor.$level

【讨论】：