[electron] webstorm 에서 electron debug 설정

webstorm으로 electron 개발시 debug 설정하는 방법입니다.

webstorm에서 electron 디버깅 설정 및 하기

설정방법은 아래 링크에 나와있습니다.

https://blog.jetbrains.com/webstorm/2016/05/getting-started-with-electron-in-webstorm/

Node Interpreter 설정은 electron이 설치된 폴더로 해줍니다.

저는 전역으로 설치했기 때문에 ...C:\Users\Administrator\AppData\Roaming\npm\node_modules\electron\dist\electron.exe로 해주었습니다.

main.js에서 break point 를 걸고 debug 모드로 실행하면 break point 부분에서 걸리는 걸 확인 할 수 있습니다.