[번역] VSCode에서 Electron의 메인 프로세스와 렌더러 프로세스를 동시에 디버깅하는 방법
참고 : 디버거는 Inspector 프로토콜에 의존하므로 Electron 1.7.4 이상을 사용해야합니다.
먼저
clone
하십시오 git clone https://github.com/electron/electron-quick-start.git
cd electron-quick-start
npm install
code .
launch.json 파일 설정
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Electron: Main",
"protocol": "inspector",
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
"runtimeArgs": [
"--remote-debugging-port=9223",
"."
],
"windows": {
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd"
}
},
{
"name": "Electron: Renderer",
"type": "chrome",
"request": "attach",
"port": 9223,
"webRoot": "${workspaceRoot}",
"timeout": 30000
}
],
"compounds": [
{
"name": "Electron: All",
"configurations": [
"Electron: Main",
"Electron: Renderer"
]
}
]
}
메인 프로세스 디버깅
렌더러 프로세스 디버깅
renderer.js를 다음 내용으로 업데이트하십시오.
// This file is required by the index.html file and will
// be executed in the renderer process for that window.
// All of the Node.js APIs are available in this process.
function test() {
console.log('test')
}
test()
두 프로세스를 동시에 디버깅
메인 프로세스와 렌더러 프로세스를 모두 디버깅하는 법을 배웠으므로 두 디버그 세션을 동시에 시작하는 혼합 구성의 장점을 활용할 수 있습니다.
Reference
이 문제에 관하여([번역] VSCode에서 Electron의 메인 프로세스와 렌더러 프로세스를 동시에 디버깅하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/wataradio/items/6005f8257ae43914de04텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)