> 개발 도구 > VSCode > vscode에서 노드를 디버깅하는 방법

vscode에서 노드를 디버깅하는 방법

爱喝马黛茶的安东尼
풀어 주다: 2019-12-06 17:11:27
원래의
3676명이 탐색했습니다.

vscode에서 노드를 디버깅하는 방법

# 🎜 🎜#1. 구성 파일을 생성합니다

1 프로젝트를 선택합니다

# 🎜🎜#vscode에서 노드를 디버깅하는 방법

2. 프로젝트 언어를 선택하세요. 프로젝트

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}/test.js"
        }
    ]
}
로그인 후 복사
type 경로에서 .vscode/launch.json을 생성합니다 - 이 시작 구성에 사용되는 디버거 유형입니다. 설치된 각 디버깅 확장에는 노드 내장 노드 디버거, php, goPHP 및 Go 확장과 같은 유형이 도입됩니다.

request - 이 시작 구성에 대한 요청 유형입니다. 현재 지원되는 것은 실행 및 연결입니다. (요청에 대한 자세한 설명은 아래 3장을 참조하세요.) vscode에서 노드를 디버깅하는 방법

name - "디버그 실행 구성" 드롭다운 목록에 표시되는 친숙한 이름입니다.

program - 디버거를 시작할 때 실행할 실행 파일 또는 파일입니다.

args - 디버깅을 위해 프로그램에 인수가 전달되었습니다.

env - 환경 변수(null 값을 사용하여 변수를 "정의 취소"할 수 있음)

cwd - 종속성 및 기타 파일을 찾는 데 사용되는 현재 작업 디렉터리입니다.

참고 1: ${workspaceFolder}는 작업 공간 폴더의 루트 경로를 나타내고, ${file}은 활성 편집기에서 열린 파일을 나타냅니다.

참고 2: "program": "${workspaceFolder}/test.js", 디버깅하려는 현재 디렉터리에서 vscode가 /test.js를 어떻게 인식하는지 잘 모르겠습니다. [해결 예정]

참고 3: 구성 파일을 사용자 설정에 작성하여 전역 구성이 될 수도 있습니다.

4 빨리 프로필로 돌아가세요

# 🎜🎜 #

vscode에서 노드를 디버깅하는 방법

2. 중단점

1. 중단점(기존 중단점)#🎜##🎜🎜 #vscode에서 노드를 디버깅하는 방법 (1) 그래픽을 원으로 바꾸세요.

(2) 빈 줄에 입력하지 마세요. (1) 디버그에서 정보를 인쇄할 수 있습니다. console (식을 {}로 감싸기); (2) 그래픽은 다이아몬드로 대체됩니다. (3) 명령문을 입력하지 않고 공백을 입력하는 경우; line, debug 실행 시 사라지지만 효과에는 영향을 미치지 않습니다. 그러니 그래도 문장을 직접 입력해 보시는 걸 추천드려요!

3, Conditional Breakpoint

은 두 가지 조건으로 나뉩니다. 조회수

vscode에서 노드를 디버깅하는 방법 (1) 조건이 충족되면 중단점에 가장 가까운 명령문으로 중단할 수 있습니다.

(2) 그래픽은 사각형으로 대체됩니다. # 🎜🎜#(3) 문장에 입력하지 않고 빈줄에 넣으면 디버깅 시 사라지지만 효과에는 영향을 미치지 않습니다.

3.Debugging

1장에서 언급한 launch.json 구성 파일에는 요청 필드가 있습니다. , 값 범위는 다음과 같습니다: launch and attachment

launch: vscod e는 독립적으로 디버깅 프로세스를 실행합니다. vscode에서 노드를 디버깅하는 방법

attach: 노드 --inspect-brk xxx.js를 전달합니다. 디버깅을 시작합니다. 그런 다음 vscode를 첨부하세요

다음은 특정 디버깅 방법의 차이점입니다.

1. 실행 방법#🎜 🎜#

#🎜 🎜# (1) 프로그램 실행을 클릭하세요

(2) 실행할 프로필 선택

#🎜 🎜#

#🎜 🎜#참고: launch.json 구성 파일의 name 속성 값이 이 드롭다운 목록에 표시됩니다. (3) 디버깅 시작

2. 연결 방법

(1) 자동 연결 켜기: 켜기

vscode에서 노드를 디버깅하는 방법

(2)以调试的方式启动 node

node --inspect-brk test.js
로그인 후 복사

(3)开始调试

四、调试相关功能

1、DEBUG CONSOLE

可以在此操作变量

vscode에서 노드를 디버깅하는 방법

五、多目标调试

需求:同时调试 server.js 和 client.js

1、建立配置文件

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Server",
            "program": "${workspaceFolder}/server.js",
            "cwd": "${workspaceFolder}"
        },
        {
            "type": "node",
            "request": "launch",
            "name": "Client",
            "program": "${workspaceFolder}/client.js",
            "cwd": "${workspaceFolder}"
        }
    ],
    "compounds": [
        {
            "name": "Server/Client",
            "configurations": ["Server", "Client"]
        }
    ]
}
로그인 후 복사

2、开始调试

注1:调试的时候,可以同时运行程序。

注2:当修改代码,同时运行的程序会立即生效,而调试的代码还是老的。

PHP中文网,有大量免费的vscode入门教程,欢迎大家学习!

위 내용은 vscode에서 노드를 디버깅하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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