웹스톰에서 노드 프로그램 디버깅 방법 소개(그림 및 글)

이 글은 웹스톰으로 노드 프로그램을 디버깅하는 방법을 소개합니다.(그림과 텍스트) 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

머리말

여러분의 애플리케이션이라면 많은 노드 코드를 접해 보셨을 것입니다. 상대적으로 주니어이거나 프로젝트의 경우 노드 코드와 너무 깊이 접촉할 필요는 없습니다. 아마도 요구 사항을 완전히 충족하려면 간단한 console.log('변수')만 필요할 수도 있습니다. 노드를 깊이 있게 사용하고 디버깅하고 싶다면 node-inspector를 접해 봐야 할 것 같습니다. 일반적인 사용 과정은 다음과 같습니다. -

1.安装：npm install -g node-inspector
2.启动debug模式（单独命令行）：
    node-debug &（该命令默认8080端口）
    node-debug --web-port 1984 （定义任意端口）
3.访问chrome debug devTools
　　路径如：http://127.0.0.1:1984/?ws=127.0.0.1:1984&port=5858
4.启动gulp或者grunt服务（具有gulp或者grunt任务时）
　　node --debug-brk $(which grunt) server （这种模式使用在第一次初始化执行的代码）
　　node --debug $(which grunt) server（这种模式使用在初始化之后监听的node代码）

디버깅 패널은 기본적으로 크롬과 동일합니다. 개발자 도구, 매우 친숙하고, 크롬 사용법을 알고, 잘 플레이하는 방법을 알고, 학습 비용이 없습니다.

여기에서는 주로 웹스톰을 사용하여 노드 코드를 디버그하는 방법을 소개합니다. 이전에 인터넷에서 다양하게 검색해 봤지만 별로 신뢰도가 없었기 때문에 좀 더 시도하고 고민하여 정리했습니다. 요약하자면, 웹스톰을 사용하는 학생들에게 도움이 되기를 바랍니다.

웹스톰을 모르신다면 공식 소개를 살펴보세요. 편집자 선택에 대해서는 사람마다 의견이 다르므로 여기서는 다루지 않겠습니다. 저는 개인적으로 eclipse(aptana), sublime text, webstorm을 사용했는데, 차근차근 발전하면서 webstorm에 푹 빠졌습니다. 기능도 매우 강력하고 통합 수준도 상대적으로 높습니다. 기본적인 사용법은 기회가 되면 자세히 다루도록 하겠습니다. 여기서는 노드 프로그램을 디버깅하는 방법만 소개하겠습니다.

Java를 사용해 본 적이 있다면 Eclipse를 사용하여 디버깅하는 것이 정말 편리합니다. 또는 PHP로 플레이하는 경우 phpstorm은 PHP 코드 디버깅에도 매우 유용하다고 생각합니다. Node.js 디버깅도 할 수 있는 IDE가 있으면 좋을 것 같습니다. 맞습니다. 웹스톰이 이를 처리할 수 있습니다.

주로 다음 디렉토리 소개를 따르세요 -

1.调试nodejs程序——常规用法（run/debug模式）、调试面板等介绍
2.调试gulp/grunt
3.调试web应用

1 nodejs 프로그램 디버깅

# 🎜🎜#

아래와 같이 -

2. gulp를 디버깅하려면

다음과 같이 해당 gulpfile.js 파일을 마우스 오른쪽 버튼으로 클릭하세요. -

작업이 gulpfile.js 파일에 선언되지 않은 경우 다음과 같이 구성을 위한 구성 대화 상자를 열 수도 있습니다.

#🎜🎜 ## 🎜🎜#gulpfile.js 내에서 작업할 때 디버깅이 효과적이려면 모든 작업 이름을 로드해야 합니다. 다음과 같은 디버깅 페이지를 볼 수 있습니다 - 위와 같이 gulp의 중단점 디버깅이 완료되었습니다. 작업 구성(gulp가 아닌 작업을 위한 일반 노드 프로그램의 경우에도 동일), 웹에 액세스하면 자연스럽게 해당 중단점에서 중지됩니다. 예:

#🎜 🎜#

아래와 같이 해당 브라우저가 항상 로딩되는 것을 확인할 수 있습니다 -

위 내용은 웹스톰에서 노드 프로그램 디버깅 방법 소개(그림 및 글)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!