본문 바로가기
TypeScript/Angular

Angular - Visual Studio Code 디버깅 설정

by le_piee 2020. 5. 23.

 

 

코딩을하면서 디버깅과 테스트를 많이 하게되는데

Visual Studio code에서 Angular프로젝트를 디버깅하는 방법에 대해 알려드리겠습니다.

 

 


 

 

1.확장 설치

 

 

 

 

2.launch.json 파일 만들기

 

 

 

 

3. json파일 작성 

포트번호는 자신의 포트에 맞게 변경

 

 

 

 

4. 프로젝트 빌드

 

 

 

5. 디버깅

 

 

 

6. 확인

 

 

 

 


 

 

부록

 

 

자신이 원하는 부분이 중단점을 찍어가며 확인하면 됩니다.

 

'TypeScript > Angular' 카테고리의 다른 글

Angular - tree구조 구현 및 표현  (0) 2020.06.05
Angular - Universal(SSR)  (0) 2020.05.23
Angular - Validation(유효성검사) 기능 구현  (0) 2020.05.21
angular - interceptor 설정  (0) 2020.05.20
Angular -- build  (0) 2020.05.19