如何在WebStorm中运行nodemon?

时间:2013-10-04 12:01:37

标签: javascript node.js webstorm nodemon

我想在WebStorm IDE(版本7)中使用nodemon。 Nodemon监视源文件夹中的一个或多个文件,并在其中一个源文件发生更改时重新启动节点进程(在本例中为Express服务器)。

如何配置WebStorm以在运行配置中使用 nodemon ,以便自动重启节点进程?

如果没有 nodemon ,我在WebStorm中使用以下配置,但每当我更改源文件中的内容时都必须重新启动节点进程:

  • 节点解释器:/usr/local/bin/node
  • 工作目录:/Users/foo/test
  • JavaScript文件:server.js

这会导致在指定目录中运行node server.js的运行配置。

从命令行,我可以使用以下命令使用 nodemon 来监视文件更改:项目目录中的nodemon server.js

如何更改WebStorm配置以便它还使用 nodemon

18 个答案:

答案 0 :(得分:123)

看起来不再需要使用--exec的解决方法,至少在使用最新版本的nodemon和Webstorm 7或8时。

您所要做的就是在“节点参数”下指定 nodemon 的路径(例如/usr/local/bin/nodemon):

Webstorm with nodemon

@Bela Clark,谢谢你确认。

答案 1 :(得分:32)

这是Windows解决方案

您可以直接使用nodemon.cmd代替节点,如:

Node interpreter : C:\MyPath\To\nodemon.cmd
Node parameters : /*Empty for me*/
Node WorkingDirectoy : C:\Users\MyUserName\Desktop\DirectoryContainingMyIndex.js
JavaScriptFile : app\index.js /*or just index.js depending on your config*/

然后:

enter image description here

希望它会对你有所帮助。

答案 2 :(得分:18)

我在Windows上并且对我来说没有使用nodemon(不明白为什么),但Jetbrains的某个人建议尝试与主管一起使用:

  1. 我安装了主管:npm install supervisor -g

  2. 然后找到supervisor安装在哪里,对我来说是: C:\Users\AlinC\AppData\Roaming\npm\node_modules\supervisor\lib\cli-wrapper.js –no-restart-on error

  3. 我回到了Intellij:编辑配置 - >节点参数 - >并补充说: C:\ Users \ AlinC \ AppData \ Roaming \ npm \ node_modules \ supervisor \ lib \ cli-wrapper.js -no-restart-on error

  4. edit configurations

    node parameters

答案 3 :(得分:16)

要安装 nodemon ,请使用以下命令(如果需要,使用 sudo 以root权限运行安装:

npm install -g nodemon

这将在您的计算机上全局安装 nodemon

然后,在您的WebStorm 运行配置中,添加以下内容,保留其他所有内容:

  • 节点参数:/usr/local/bin/nodemon --exec /usr/local/bin/node

这将指示节点解释器使用以下命令行执行nodemon脚本:node /usr/local/bin/nodemon --exec /usr/local/bin/node server.js

--exec部分很重要,因为执行失败并出现以下错误:

/usr/local/bin/node /usr/local/bin/nodemon server.js
4 Oct 13:56:50 - [nodemon] v0.7.10
4 Oct 13:56:50 - [nodemon] to restart at any time, enter `rs`
4 Oct 13:56:50 - [nodemon] watching: /Users/foo/test
execvp(): No such file or directory
4 Oct 13:56:50 - [nodemon] starting `node server.js`
4 Oct 13:56:50 - [nodemon] exception in nodemon killing node
Error: spawn ENOENT
    at errnoException (child_process.js:980:11)
    at Process.ChildProcess._handle.onexit (child_process.js:771:34)

错误似乎是由WebStorm在其路径上看不到node可执行文件引起的。

对此的修复是使用node参数指定--exec /usr/local/bin/node可执行文件的位置。

使用这些设置,从WebStorm 运行配置运行时, nodemon 可以正常工作。

同样的技巧可能必须与一些类似于 nodemon 的工具一起使用,例如: node-supervisor

答案 4 :(得分:11)

对于那些对Windows 10中的解决方案感兴趣的人,这是我的配置。它没有显示“终止批处理”的东西并且工作得很好。

enter image description here

您按下调试ONCE,然后您可以保存更改文件,服务器将在调试模式下重新启动。所有刹车点都运转良好

答案 5 :(得分:7)

对于Windows用户设置:

节点解释器:node.exe的路径,即c:\ program files \ node \ node.exe

节点参数:C:\ Users \ YOURUSER \ AppData \ Roaming \ npm \ node_modules \ nodemon \ bin \ nodemon.js

答案 6 :(得分:3)

这是在Windows 7 + WebStorm 8.0.4上适用于我的配置。如果我把nodemon.cmd作为节点解释器,我一直得到"终止批处理作业(Y / N)?"。

Nodemon + Webstorm on Windows

答案 7 :(得分:3)

您也可以使用nvm,调试仍然有效。

使用Node.js 8.1.0和Webstorm 2017.2进行测试

首先确保您使用的是正确的版本(在我的情况下是v8.1.0)并在全局安装nodemon -

nvm use v8.1.0
npm install -g nodemon

然后,打开运行/调试配置并使用正确的节点解释器创建一个新配置。

节点参数应为:

MAC

/Users/[YOUR_USER]/.nvm/versions/node/v8.1.0/bin/nodemon --inspect=3001

LINUX

/usr/local/nvm/versions/node/v8.1.0/bin/nodemon --inspect=3001

保存并调试respponsibally:)

Node.js nodemon webstorm debug

答案 8 :(得分:2)

这是唯一对我有用的东西

  1. 添加新的package.json节点运行脚本命令:

enter image description here

  1. 创建一个 NPM CONFIG (不是节点配置)
  2. 选择“开始监视”作为命令

enter image description here

对我来说,它可以调试/断点,而不会出现问题或其他麻烦。

答案 9 :(得分:1)

其中一些答案似乎只适用于Mac。对于Windows,此配置似乎有效(我在Windows 7上的用户名是denman)。

enter image description here

main.js是我的Express应用程序的起始点文件。

答案 10 :(得分:1)

如果您像全局库一样安装了nodemon,只需在节点参数中设置即可:

C:\ Users \ $ {yourUser} \ AppData \ Roaming \ npm \ node_modules \ nodemon \ bin \ nodemon.js

nodemon in webstorm

答案 11 :(得分:0)

Per @bernhardw评论,因为这是我的答案 -

/usr/local/bin/nodemon下的所有内容均为node parameters 适用于在更改时重新启动的运行和调试,使用断点进行调试不起作用。

加分:添加-e以获得更多扩展名,例如/usr/local/bin/nodemon -e js,html,jade

(osx 10.10.5,rubymine 7.1.4)

HTH

答案 12 :(得分:0)

  1. 执行npm install nodmemon -g
  2. 仅将节点路径更改为nodemon.cmd,在我的情况下(C:\ Users \ Rohit Taneja \ AppData \ Roaming \ npm \ nodemon.cmd),您还将获得此路径nodemon的安装完成。

  3. 你很高兴

答案 13 :(得分:0)

npm install -g nodemon

1* goto run->Edit Configurations->Press'+' at left corner and choose Node.js

2* Select Node.js and Press '+' 

3* Name as Nodemon, add path in javaScript file: C:\Users\Your_User_Name\AppData\Roaming\npm\node_modules\nodemon\bin\nodemon.js

4* Click Apply and Ok

5* Run the Nodemon

enter image description here enter image description here

答案 14 :(得分:0)

package.json中的脚本:"开始":" nodemon --inspect -r babel-register src",

第一张图:运行调试,它将启动

第二张图片:附加到现有的运行节点 Settings enter image description here

答案 15 :(得分:0)

这是我遇到的错误的解决方法...

如果您使用的是Windows + NodeJS + nodemon。 使用IntelliJ-运行配置。

capitalize

当我使用Nodemon 1.19.1版本时,出现错误。 当我使用nodemon 1.18.11版本时,它可以工作!

祝你好运...

答案 16 :(得分:0)

只需将名为nodemon的新脚本添加到package.json(或选择您自己的名称)

"scripts": {
  ...
  "nodemon": "nodemon ./bin/www"
}

然后转到运行/调试配置并添加 npm 配置。设置

  • 命令以“ 运行
  • 脚本到“ nodemon ”(您在package.json中选择的名称)

example

答案 17 :(得分:0)

我在mac电脑上进行了开发,并且正如OdkoPP指出的那样,我做到了

"scripts": {
"build": "tsc",
"dev": "nodemon src/index.ts --exec ts-node"
},

运行/调试配置npm: Run/Debug Configurations npm