> 웹 프론트엔드 > JS 튜토리얼 > 몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !

몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !

青灯夜游
풀어 주다: 2021-04-12 09:37:48
앞으로
2183명이 탐색했습니다.

이 글에서는 Nodejs를 디버깅하는 여러 가지 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !

관련 권장 사항: "nodejs 튜토리얼"

첫 번째


1 vscode 내장 터미널을 열고 JavaScript 디버그 터미널을 선택하세요. 오른쪽 상단의 코드 ><br><code>vscode 内置终端,右上角选择 JavaScript Debug Terminal

몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !

2、在代码里面打断点(需要断点处输入 debugger 或者 打标 Breakpoint

3、终端运行执行命令即可

第二种


1、mac 通过快捷键 选择 Debug: Toggle Auto Attach ,开启 Auto Attach (该方式要去 node 版本要大于 12)

2、在代码里面打断点(需要断点处输入 debugger 或者 打标 Breakpoint

3、终端通过命令 node --inspect index.js 执行代码

第三种


有些时候在看一些开源库的时候,想通过断点方式查看源代码,可以通过配置 launch.json 指定运行时执行环境

比如,package.jsonscripts

몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !

vscode 调试时 ,配置 launch.json 如下

몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !

其中,runtimeExecutable 指定运行时的执行环境  ,这里指定为 npmruntimeArgs 指定运行时执行环境对应的执行参数,这里指定运行 run dev

配置好之后,按 F5 开启调试,实际执行的就是 npm run dev ,这样我们就可以在源代码打断点进行查看代码的执行过程了

更多调试技巧可以查看 vscode 官网 ,地址

第四种


ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools

借助 ndb ,正如它自己在官网上描述一样,ndb 提升了调试 nodejs 的体验,它是通过启用一个 Chrome Devtools 来进行调试的。

在使用它前,你需要安装,可以通过 npm install -g ndb ,安装完之后在代码里面需要断点的地方输入输入 debugger ,然后运行 ndb index.js

몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !

몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !2. 코드에 중단점(debugger를 입력하거나 중단점에 Breakpoint를 표시해야 함)

3. 터미널에서 명령어

두 번째 방법

1. Mac에서는 단축키를 통해 Debug: Toggle Auto Attach를 선택하고 Auto Attach를 켭니다. 메서드를 사용하려면 노드 버전이 12보다 커야 합니다.

2. 코드의 중단점(디버거를 입력하거나 중단점에 중단점을 표시해야 함) )🎜🎜3 터미널 명령 node --inspect index.js를 사용하여 코드 실행🎜🎜🎜세 번째 유형🎜🎜🎜🎜때때로 일부 오픈 소스 라이브러리를 볼 때 중단점을 통해 소스 코드를 구성할 수 있습니다. launch.json 런타임 실행 환경 지정
🎜🎜예를 들어 package.json에는 스크립트가 있습니다. >🎜🎜몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !🎜🎜 vscode 디버깅 시 launch.json을 다음과 같이 구성하세요🎜🎜몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !🎜🎜 그 중 runtimeExecutable은 런타임의 실행 환경을 지정하며, 여기서는 npm, 로 지정됩니다. RuntimeArgs는 런타임 실행 환경에 해당하는 실행 매개변수를 지정합니다. 여기서는 run dev 실행을 지정합니다. 🎜🎜구성 후 F5를 눌러 디버깅을 시작합니다. 실제 실행은 npm run dev이므로 소스 코드 중단점에서 코드의 실행 과정을 볼 수 있습니다. 🎜🎜🎜더 많은 디버깅 팁. vscode 공식 홈페이지 에서 확인하실 수 있습니다. address🎜🎜 🎜🎜🎜넷째 🎜🎜🎜🎜🎜ndb는 Chrome DevTools를 통해 지원되는 향상된 Node.js 디버깅 환경입니다. 🎜🎜🎜 ndb🎜, 공식 웹사이트에 설명된 대로 ndb는 A를 활성화하여 nodejs의 디버깅 환경을 개선합니다. 디버깅을 위한 Chrome Devtools. 🎜🎜사용하기 전에 npm install -g ndb를 통과해야 합니다. 설치 후 코드에서 중단점이 필요한 곳에 debugger를 입력하고, 그런 다음 ndb index.js를 실행하면 Chrome Devtools가 열리고 중단점이 설정되었음을 알 수 있습니다🎜🎜🎜🎜🎜🎜nodejs 디버깅은 물론 이러한 유형뿐만 아니라 Ruan 선생님도 작성했습니다. 기사 이전에 nodejs 디버거에 대한 기사가 있었는데, 관심이 있으시면 주소를 클릭하여 볼 수 있습니다. 🎜🎜🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 입문🎜을 방문하세요! ! 🎜

위 내용은 몇 가지 실용적인 Node.js 디버깅 방법을 공유하고 수집해 보세요! !의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿