如何让IDE建议babel编译的javascript的函数参数？

Question

我正在编写一个库，我在es6中编写代码并将其转换为es5。在尝试测试输出es5代码时，IDE无法向我提供函数参数的提示。它似乎只知道我已经导出了一个名为foo的函数。我在vs code和Webstorm都试过这个。我已经看到我使用的许多其他库提供了函数参数的提示。我已经在我的库条目文件index.js上导出了我的库提供的函数。条目文件如下所示：

import {
  foo,
} from "./utils";

export {
  foo
};

输出如下所示：

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
Object.defineProperty(exports, "foo", {
  enumerable: true,
  get: function get() {
    return _calculate.default;
  }
});

var _calculate = _interopRequireDefault(require("./calculate"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

我用babel这样翻译：

$ babel -d lib src/

如何获取已转换的代码以向用户提供参数提示？

Answer 1

如果您使用的是NetBeans IDE，则可以使用L_CTRL + SPACE ..这将打开您正在使用的库的可用内容。假设我使用THREE.js;我可以打字：

THREE.BL_CTRL+SPACE并将返回这个

此外，如果您想提供有关函数的文档，您可以使用JavaDoc注释，如下所示：

 /**
  * Author : prisoner849
  * https://jsfiddle.net/prisoner849/8hqy99jj/
  * @param {type} geometry
  * @param {type} independent
  * @returns {GridBoxGeometry.newGeometry|THREE.BoxBufferGeometry}
  */
  function GridBoxGeometry(geometry, independent) {
     ....
  }