ts-node를 WebStorm에서 디버깅 실행

ts-node 는 TypeScript 파일을 컴파일하지 않고 그대로 실행할 수 있는 라이브러리입니다. 개발 환경에서 신세를 질 수 있지만, 디버그 실행하는 방법의 일본어 정보가 없었기 때문에 써 둔다.

기본적인 것

node 명령의 옵션으로서 --inspect 를 붙이면 디버그 실행이 된다. 그리고 --require 를 붙이는 것으로 node_modules 내의 라이브러리를 읽어들일 수가 있다.

$ node --inspect --require ts-node/register src/main.ts

Debugger listening on ws://127.0.0.1:9229/690c42e8-c2d4-407a-b768-6c5270241775
For help, see: https://nodejs.org/en/docs/inspector

이것만으로 WebSocket ws://127.0.0.1:9229 로 디버그의 대기 상태가 된다. 그리고는 IDE 로부터 어태치 하는 것으로 디버깅할 수 있다고 하는 구조.

ts-node 설치

$ npm install ts-node -D

or

$ yarn add ts-node -D

WebStorm을 사용하는 방법

실행

--inspect --require ts-node/register 실행할 ts 파일을 지정하기만 하면 됩니다.

Jest로 테스트

--inspect --require ts-node/register 실행할 테스트 파일을 지정합니다.

[추기] WebStorm 2018.3.1 로부터 (?) --inspect 를 지정하면 디버그 실행할 수 없게 되었으므로 --require ts-node/register 만을 지정해 실행하는 테스트 파일을 지정한다.

결과