> 개발 도구 > VSCode > vscode로 js를 디버깅하는 방법

vscode로 js를 디버깅하는 방법

藏色散人
풀어 주다: 2019-12-17 10:51:22
원래의
3730명이 탐색했습니다.

vscode로 js를 디버깅하는 방법

vscode로 js를 디버깅하는 방법은 무엇인가요?

JavaScript 코드를 디버깅할 때 비교적 간단한 두 가지 방법이 있습니다.

1. Chrome 및 기타 브라우저를 사용하여 디버깅

2. vscode에서 JavaScript 실행 환경 구성

이 문서에서는 주로 두 번째 방법을 소개합니다.

구성 단계:

1. 는 JavaScript 실행 환경입니다)

Node.js 공식 웹사이트 또는 중국 웹사이트

2에서 찾을 수 있습니다. 2. vscode 구성

vscode에서 "디버그" 버튼을 클릭하여 launch.json 파일을 엽니다(또는 Ctrl을 사용하세요) +Shift+P를 눌러 실행 .json 입력)

Add

"version": "0.2.0",
    "configurations": [{
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/1.js",
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "runtimeExecutable": null,
            "runtimeArgs": ["--nolazy"],
            "env": { "NODE_ENV": "development" },
            "externalConsole": false,
            "preLaunchTask": "",
            "sourceMaps": false,
            "outDir": null
        },
        {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858
        }
    ]
로그인 후 복사

참고: ${workspaceRoot}는 현재 프로그램 작업의 절대 경로입니다.

3. 디버깅

새 js 파일을 만들고 launch.json의 프로그램에서 1.js를 디버깅하려는 파일 이름으로 변경한 다음 변경된 파일을 절대 경로 아래에 넣습니다.

(function name(params) {
    console.log("message");
})();
로그인 후 복사

F5를 사용하여 디버깅하고 get

node --debug-brk=37692 --nolazy Untitled-1.js
Debugger listening on [::]:37692
message
로그인 후 복사

디버깅 성공

관련 권장 사항: vscode 튜토리얼

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

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