javascript - 如何让 WebStorm 解析功能模块？

Question

WebStorm 很好地解析了从 CommonJS 模块作为方法返回的函数(并读取与它们关联的 JsDoc)，例如:

// utils/valid.js
/**
 * Returns true no matter what.
 * @param {HTMLElement} element
 * @return {boolean}
 */
function isValid(element) {
    return true;
}
module.exports.isValid = isValid; // exports property

然后在 code completion 中正确提供了这样的功能和 inline documentation在另一个文件中需要这样的模块时的机制。

// main.js
var isValid = require('./utils/isValid').isValid; // works well

但是，当函数直接作为模块导出返回时，这会失败

// utils/valid.js
module.exports = isValid; // exports object is a function

所以当需要这样一个模块时，WebStorm 似乎不知道它是什么:

// main.js
var isValid = require('./utils/isValid'); // doesn't work

这在我们的项目中很常见，将所有 module.exports 更改为普通对象不是一种选择。在 WebStorm 中有什么方法可以解决这个问题吗？

Answer 1

创建一个宏来在两种语义形式之间切换:

<iframe width="854" height="480" src="https://www.youtube.com/embed/J3YX1WIScAk" frameborder="0" allowfullscreen></iframe>

引用资料

• Using Macros in the Editor - Help | WebStorm

• Komodo Edit autocompletion JS object literal