프로젝트를 만들 디렉터리를 생성한 후 $ yarn init 명령어로 package.json파일을 생성한다
$ yarn add --dev typescript tsc @types/node
typescript를 위한 모듈을 추가한다
테스트용 임시 코드를 작성 한다
F5를 눌러 디버깅을 시작하면 위와 깉은 오류 메시지가 나타나며
"Open launch.json" 버튼을 누르면 .vscode 디렉터리에 launch.json파일이 생성되고 vscode 에디터에 launch.json파일이 열린다
launch.json 파일을 위와 같이 수정한다
수정된 launch.json파일을 보면 TSC라는 task를 등록하였으므로 TSC라는 task 생성 하여야 한다
.vscode 디렉터리에 위 내용을 tasks.json 파일로 저장한다
루트 디렉터리에는 위 내용을 tsconfig.json 파일로 저장한다
위 설정에 따르면 typscript 파일은 src/index.ts 를 실행하며 컴파일된 javasciprt 파일은 out 디렉터리에 생성이 된다
위 파일들을 모두 생성 및 수정하고 다시 F5를 누르면 디버깅이 가능하게 된다
설정해 놓은 break point에서 멈추는 것을 확인 할 수 있다