将 WebStorm 7 Live Edit 与 Nodemon 相结合

Posted 2023-03-08

【中文标题】将 WebStorm 7 Live Edit 与 Nodemon 相结合

【英文标题】：Combining WebStorm 7 Live Edit with Nodemon

【发布时间】：2013-11-25 05:24:06

【问题描述】：

我能够按照以下说明进行实时编辑： running-and-debugging-node-js

我能够在这篇文章之后让 nodemon 运行： How can I run nodemon from within WebStorm?

但是，我无法将这两种配置结合起来使用 nodemon 进行实时编辑...

如果我将 nodemon 参数添加到我的实时编辑配置中，它将停止工作

想法？

谢谢

【参考方案1】：

你的 package.json 中添加了 nodemon 吗？

"devDependencies": 
  "nodemon": "~1.3.7"
,

或者您是否安装了带有 --dev 标志的 nodemon，它会为您添加该标志？例如install nodemon --dev

【参考方案2】：

对我来说很好用（WebStorm 7.0.1）。这是我的 nodemon 运行配置（我在 Windows 7 上）：

**Configuration tab**

Working directory: my project dir

javascript file: ~\AppData\Roaming\npm\node_modules\nodemon\nodemon.js

Application parameters: app.js

**Browser/LiveEdit tab**

'After launch' checked

'with javascript debugger' checked

http://localhost:3000/index.html

当我在调试器中运行此配置时，对 html/css（使用 connect.static 提供）所做的所有更改都是“实时的”

如果类似的配置对您不起作用，您能否提供一个示例项目来显示您的问题？

【讨论】：

hmm.. 我还是 WebStorm 的新手，但我能够通过分别启动每个调试会话来使其工作。我为 Nodemon 创建了一个配置，启动了会话，然后为 Live-Edit 创建了一个配置并启动了它。现在，如果我对 js 文件进行更改，nodemon 将重新启动，并且可以实时编辑我的翡翠文件。太棒了！

@Dustin，您不应该在每次希望实时更新时都创建新的调试会话。我在 Webstorm 10.0.3 中运行 nodemon。对我来说，我去我的翡翠模板，更改一些标记，我现有的调试会话会自动刷新浏览器。我进行了更改，然后切换回 Chrome，它会自行刷新！这就是您应该看到的体验。

@Dustin，确保您已将 nodemon 添加到您的 package.json 定义中。如果您没有使用 --save 选项安装 nodemon，该选项会为您将该条目添加到您的 package.json 中，您需要手动将其添加到您的开发依赖项中