typescript debugging with vscode


• vscode에서 typescript 코드를 작성하고 테스트 코드를 작성한 후 디버깅을 실행하려면 ts -> js로 변환하는 작업이 필요하다.
• vscode의 Run and Debug 버튼을 클릭하거나 command shift D를 눌러 Add Configuration을 선택하고 Mocha Tests를 선택해 기본 launch.json 파일을 생성한다.
• yarn add ts-node/register 명령어로 .ts를 .js로 변환해주고 node를 실행해주는 패키지를 설치하고, args에 --require ts-node/register를 추가한다.
• 테스트 코드를 작성하고 브레이크 포인트를 찍은 뒤 디버깅 버튼을 누르면 테스트가 실행되고 브레이크 포인트에서 멈추게 된다. 이를 통해 매번 테스트 코드를 실행하지 않고도 특정 라인에서 함수를 호출하거나 변수들을 가지고 계산해 볼 수 있다.

북마크
공유하기
신고하기