WebStorm 내에서 어떻게 nodemon을 실행할 수 있습니까?


84

WebStorm IDE (버전 7)에서 nodemon 을 사용하고 싶습니다 . Nodemon은 내 소스 폴더에있는 하나 이상의 파일을 감시하고 소스 파일 중 하나가 변경되면 노드 프로세스 (이 경우 Express 서버)를 다시 시작합니다.

노드 프로세스가 자동으로 다시 시작되도록 실행 구성 에서 nodemon 을 사용하도록 WebStorm을 구성하려면 어떻게합니까 ?

nodemon이 없으면 WebStorm에서 다음 구성을 사용하지만 소스 파일에서 무언가를 변경할 때마다 노드 프로세스를 다시 시작해야합니다.

  • 노드 인터프리터 : /usr/local/bin/node
  • 작업 디렉토리 : /Users/foo/test
  • JavaScript 파일 : server.js

그러면 node server.js지정된 디렉토리에서 실행되는 실행 구성이 생성됩니다 .

명령 줄에서 다음 명령을 사용하여 nodemon 을 사용 nodemon server.js하여 프로젝트 디렉터리에서 파일 변경을 감시 할 수 있습니다 .

nodemon 도 사용하도록 WebStorm 구성을 변경하려면 어떻게해야 합니까?


이 질문은 같은 라인을 따라 것 같다 : stackoverflow.com/questions/11175041/...
nwinkler

내 대답 stackoverflow.com/a/52463378/7350853 이 지금까지 가장 업데이트 된 버전의 Webstorm을 사용하고 있습니다.
iwaduarte

답변:


143

--exec최소한 최신 버전의 nodemon 및 Webstorm 7 또는 8을 사용할 때 해결 방법 이 더 이상 필요하지 않은 것 같습니다 .

콘솔 (예 : "노드 매개 변수")에서 실행하여 해당 경로를 가져 와서 nodemon 에 대한 경로를 지정하기 만하면 됩니다 .which nodemon/usr/local/bin/nodemon

nodemon을 사용한 Webstorm

@Bela Clark, 확인해 주셔서 감사합니다.


시도해 보았습니다. 이제 완벽하게 작동합니다. 업데이트 된 답변을 제공해 주셔서 감사합니다!
nwinkler 2014 년

8
@bernhardw, webstorm은 이러한 구성으로 디버거를 시작할 때 중단 점에서 중지되지 않습니다. 왜 그런지 아세요?
Nik Sumeiko

4
다음 지침에 따라 nodemon 및 중단 점을 작동하도록 관리했습니다. vcfvct.wordpress.com/2015/02/13/… --debug 대신 --debug-brk를 사용했습니다.
n00b

1
디버깅 작업을 수행하려면 nodemon 대신 IntelliJ에 대한 Live Edit 플러그를 사용해야했습니다.
engin

1
좋은 대답! 주셔서 감사합니다
줄리앙

33

이것이 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*/

그리고 :

여기에 이미지 설명 입력

도움이되기를 바랍니다.


나는 이것이 가장 솔직한 대답이라고 생각했습니다.
Paul Wade

6
안녕하세요, 이것을 시도했고 파일을 변경하면 (Web Storm 콘솔에서) "Terminate batch job (Y / N)?"이라고 묻습니다. 또한 실행되는 명령이 "C : \ Program Files (x86) \ JetBrains \ WebStorm 8.0.4 \ bin \ runnerw.exe"C : \ Users \ xyz \ AppData \ Roaming \ npm \ nodemon.cmd- -debug-brk = 27344 --nolazy -q app.js. 내가 놓친 것이 있습니까?
Tomer Cagan

1
"배치 작업 종료"문제의 경우 "응용 프로그램 매개 변수"입력에 "<nul"(인용 부호 제외)을 추가하십시오. (답은 여기 : superuser.com/a/498798 )
토비아스 Weichart

이것이 왜 찬성입니까? 작동하지 않습니다. nodemon이 다시 시작될 때 초기 시작부터 "<nul"을 추가하지 않으므로 "Terminate batch job (Y / N)?"이 표시됩니다.
KVM

18

nodemon 을 설치하려면 다음을 사용하십시오 (필요한 경우 sudo 를 사용 하여 루트 권한으로 설치를 실행하십시오.

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매개 변수를 사용하여 실행 파일 의 위치를 ​​지정하는 것 입니다.

이러한 설정을 사용하면 nodemon 이 WebStorm 실행 구성 에서 실행될 때 제대로 작동합니다 .

nodemon 과 유사한 일부 도구 ( 예 : node-supervisor) 에서도 동일한 트릭을 사용해야 할 수 있습니다 .


1
이것은 실행 구성에서 작동하지만 디버그에서는 작동하지 않습니다. webstorm의 nodemon과 함께 디버그 할 아이디어가 있습니까?
yves amsellem 2014 년

3
적어도 Webstorm 8 EAP 및 nodemon 1.0.15에서는 --exec더 이상 지정할 필요가 없습니다. 내가해야 할 일은 /usr/local/bin/nodemon"노드 매개 변수"에서 사용 하는 것뿐 이었습니다 .
bernhardw

@bernhardw : 동일하게 확인할 수 있습니다
Bala Clark

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 오류

구성 편집

노드 매개 변수


1
중단 점에서 중지하려면이를 추가해야 --debug-brk하고 완전한 문자열입니다 C:\Users\<username>\AppData\Roaming\npm\node_modules\supervisor\lib\cli-wrapper.js no-restart-on error --debug-brkJetBrains의에서 확인 jetbrains.com/phpstorm/webhelp/... 주소
uzay95

1
Webstorm 9 윈도우 8에서 작업 nodemon 가져올 수 없습니다, 이것은 그래도 마법처럼 일
사이먼 Trewhella

1
나를 위해 작동하지만 (Windows의 Webstorm 11) 중단 점이 작동하지 않습니다. 추가를 시도 --debug-brk했지만 운이 없었습니다.
전기식


14

Windows 10의 솔루션에 관심이있는 사람들을 위해 여기에 내 구성이 있습니다. "Terminate Batch"를 표시하지 않고 완벽하게 작동합니다.

여기에 이미지 설명 입력

디버그를 한 번 누르면 변경 파일을 저장할 수 있으며 서버는 디버그 모드에서 다시 시작됩니다. 모든 브레이크 포인트가 완벽하게 작동합니다.


이것은 디버그에 대한 응답입니다. 노드 매개 변수 만 설정했습니다. 텍스트로 노드 매개 변수 (변경 사용자 이름) : C : \ Users \ 사용자 이름 \ AppData \ Roaming \ NPM \ node_modules \ nodemon \ 빈 \ nodemon.js --debug = 3001
알렉세이 오 벅홉

이것은 나를 위해 작동하지 않았습니다. --debug = 3001 매개 변수를 추가하면 nodemon이 추락했습니다
JCF

감사합니다. 기본 실행이 작동하고 문제없이 디버그도 가능합니다! 이것은 TOP 답변이어야합니다!
Georgi Peev

8

Windows 사용자의 경우 :

노드 인터프리터 : node.exe의 경로, 즉 c : \ program files \ node \ node.exe

노드 매개 변수 : C : \ Users \ YOURUSER \ AppData \ Roaming \ npm \ node_modules \ nodemon \ bin \ nodemon.js


이것은 나를 위해 일했습니다! 디버깅 및 중단 점은 완벽하게 작동합니다. 노드 버전 10.15.1 nodemon 버전 1.18.10 Webstorm 2018.3.5
JCF

5

nvm과 함께 작동하도록 만들 수도 있고 디버깅은 여전히 ​​작동합니다.

Node.js 8.1.0 및 Webstorm 2017.2로 테스트되었습니다.

먼저 올바른 버전 (제 경우에는 v8.1.0)인지 확인하고 nodemon을 전역으로 설치합니다.

nvm use v8.1.0
npm install -g nodemon

그런 다음 실행 / 디버그 구성을 열고 올바른 노드 인터프리터로 새 구성을 만듭니다.

노드 매개 변수는 다음과 같아야합니다.

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

리눅스

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

응답하여 저장 및 디버그 :)

Node.js nodemon 웹 스톰 디버그


4

다음은 Windows 7 + WebStorm 8.0.4에서 저에게 적합한 구성입니다. nodemon.cmd를 노드 인터프리터로 넣으면 "Terminate batch job (Y / N)?"이 계속 나타납니다.

Windows의 Nodemon + Webstorm


Windows에서이 질문에 대한 내 대답을 참조, 난 당신이 잘못된 nodemon.cmd 파일을 가리키는 한 생각
알렉산더 밀스에게

3

전역 라이브러리와 같이 nodemon을 설치 한 경우 노드 매개 변수에 설정하기 만하면됩니다.

C : \ Users \ $ {사용자} \ AppData \ Roaming \ npm \ node_modules \ nodemon \ bin \ nodemon.js

webstorm의 nodemon


nvm 및 npm 14.7.0을 통해 매력처럼 작동
Eugene Zalivadnyi

2

이것은 나를 위해 일한 유일한 것입니다.

  1. 새 package.json 노드 실행 스크립트 명령을 추가합니다.

여기에 이미지 설명 입력

  1. 하여 만드는 NPM CONFIG (안 노드 설정)
  2. 명령으로 "start-watch"를 선택하십시오.

여기에 이미지 설명 입력

나를 위해 이것은 문제 또는 추가적인 두통없이 디버깅 / 중단 점을 위해 일했습니다.


1

이 답변 중 일부는 Mac에서만 작동하는 것으로 보입니다. Windows의 경우이 구성이 작동하는 것 같습니다 (Windows 7의 사용자 이름은 denman입니다).

여기에 이미지 설명 입력

main.js는 내 Express 애플리케이션의 시작점 파일입니다.


0
  1. npm install nodmemon -g 수행
  2. 노드에 대한 경로 만 nodemon.cmd로 변경하십시오. 제 경우에는 (C : \ Users \ Rohit Taneja \ AppData \ Roaming \ npm \ nodemon.cmd) nodemon 설치가 완료된 후에도이 경로를 얻을 수 있습니다.

  3. 당신은 갈 수 있습니다


0

@bernhardw 댓글에 따라 이것이 저에게 답이었습니다.

변경시 다시 시작되므로 실행 및 디버그를 위해 Works /usr/local/bin/nodemon아래에 모두 필요 하지만 중단 점을 사용한 디버깅은 작동하지 않습니다.node parameters

보너스 : 더 많은 확장을 위해 -e를 추가하십시오. /usr/local/bin/nodemon -e js,html,jade

(osx 10.10.5, 루비 마인 7.1.4)

HTH


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

여기에 이미지 설명 입력여기에 이미지 설명 입력


0

package.json의 스크립트 : "start": "nodemon --inspect -r babel-register src",

첫 번째 그림 : 디버그를 실행하면 시작됩니다.

두 번째 사진 : 기존 실행 노드에 연결 설정 여기에 이미지 설명 입력


0

내가 받고 있던 오류에 대한 수정 사항은 다음과 같습니다.

Windows + NodeJS + nodemon을 사용하는 경우. IntelliJ 사용-구성 실행.

ERROR: starting inspector on failed: address already in use

nodemon 버전 1.19.1을 사용할 때 오류가 발생합니다. nodemon 버전 1.18.11을 사용하면 작동합니다!

행운을 빕니다...


0

package.jsonnodemon이라는 새 스크립트를 추가 하거나 자신의 이름을 선택하십시오.

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

그런 다음 실행 / 디버그 구성으로 이동하여 npm 구성을 추가 합니다. 세트

  • " 실행 " 명령
  • " nodemon "에 대한 스크립트 (package.json에서 선택한 이름)

예


0

Mac에서 개발 중이며 OdkoPP에서 알 수 있듯이 작동합니다.

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

실행 / 디버그 구성 npm : 실행 / 디버그 구성 npm

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.