node.js - 在 WebStorm 中将 Node.js 与 Flow 结合使用

Question

我正在尝试为 Node.js 项目设置具有流类型的 WebStorm。

我可以使用 NPM 脚本一切正常，但希望与 IDE 集成。

这是我的 package.json 的脚本部分:

"scripts": {
    "dev":
    "watch --wait=1 'flow-remove-types src/ -d lib/ --all --pretty' ./src/ & nodemon ./lib/server.js",
    "start": "npm run flow:build && node ./lib/",
    "lint": "eslint src/**",
    "test": "npm run flow:build && jest lib",
    "coverage": "jest --collectCoverageFrom=src/**.js --coverage src",
    "flow": "flow",
    "flow:check": "flow check ./src/",
    "flow:build": "flow-remove-types ./src/ -d ./lib/ --all --pretty",
    "flow:deps": "flow-typed install",
    "flow:watch": "flow-watch"
  },

现在，如果我修改测试的运行配置并且:

• 将src目录更改为lib
• 指定在启动前运行 NPM 脚本“flow:build”

然后我可以运行该配置。

我还有两个问题。

1. 调试不会在断点处停止
2. 如果我点击源代码槽中的箭头来运行测试，它会创建一个新的配置，该配置针对流源运行并失败

有人可以让 Node.js 和 Flow 在 WebStorm 中很好地协同工作吗？

Answer 1

您可以使用 --sourcemaps 和 -pretty 标志:

flow-remove-types --pretty --sourcemaps --out-dir out/ in/

• -m 或 --sourcemaps 标志将源映射文件添加到/out 文件夹

• -p 或 --pretty 标志会删除/out 文件夹中文件中的空白