SlideShare a Scribd company logo
1 of 3
Download to read offline
Visual studio code를 사용한
typescript디버깅
kalen.lee@takit.biz
0505-170-3636
www.takit.biz
디버거 실행방법
0. visual studio extension으로 javascript for chrome 설치
1. menu-> 보기->디버그 선택
2. 설정 버튼선택
3. launch.json수정
4. pkill -a -i "Google Chrome"
5. /Applications/Google Chrome.app/Contents/MacOS/Google Chrome —remote-
debugging-port=9222
6. ionic serve실행
7. 코드상에 break point설정
8. “Attch to Chrome”선택하여 실행
launch.json

More Related Content

Viewers also liked

Partnership design (get start)
Partnership design (get start)Partnership design (get start)
Partnership design (get start)Bart Doorneweert
 
The Revolution Will Not Be Televised… It’s screenless
The Revolution Will Not Be Televised… It’s screenlessThe Revolution Will Not Be Televised… It’s screenless
The Revolution Will Not Be Televised… It’s screenlessSteve Hilton
 
Report partnership.key findingsandrecommendations
Report partnership.key findingsandrecommendationsReport partnership.key findingsandrecommendations
Report partnership.key findingsandrecommendationssaocampos
 
Ionic2로 Type script+Angular2.0 따라하기 1
Ionic2로 Type script+Angular2.0 따라하기 1Ionic2로 Type script+Angular2.0 따라하기 1
Ionic2로 Type script+Angular2.0 따라하기 1이경주 이경주
 
Tipos de avaliacao
Tipos de avaliacaoTipos de avaliacao
Tipos de avaliacaoKajdy Ejdy
 
3Com 03-0104-004 I
3Com 03-0104-004 I3Com 03-0104-004 I
3Com 03-0104-004 Isavomir
 
Building Custom Visual Composer Elements
Building Custom Visual Composer ElementsBuilding Custom Visual Composer Elements
Building Custom Visual Composer ElementsBurak Dogan
 
3Com WDBPCK0010BBK
3Com WDBPCK0010BBK3Com WDBPCK0010BBK
3Com WDBPCK0010BBKsavomir
 

Viewers also liked (14)

Partnership design (get start)
Partnership design (get start)Partnership design (get start)
Partnership design (get start)
 
Overview
OverviewOverview
Overview
 
The Revolution Will Not Be Televised… It’s screenless
The Revolution Will Not Be Televised… It’s screenlessThe Revolution Will Not Be Televised… It’s screenless
The Revolution Will Not Be Televised… It’s screenless
 
Report partnership.key findingsandrecommendations
Report partnership.key findingsandrecommendationsReport partnership.key findingsandrecommendations
Report partnership.key findingsandrecommendations
 
Vivir en palacio
Vivir en palacioVivir en palacio
Vivir en palacio
 
5.page typescript
5.page typescript5.page typescript
5.page typescript
 
Class overview
Class overviewClass overview
Class overview
 
Ionic2로 Type script+Angular2.0 따라하기 1
Ionic2로 Type script+Angular2.0 따라하기 1Ionic2로 Type script+Angular2.0 따라하기 1
Ionic2로 Type script+Angular2.0 따라하기 1
 
Pitchdeck takit 2017_02
Pitchdeck takit 2017_02Pitchdeck takit 2017_02
Pitchdeck takit 2017_02
 
Metropolitan india
Metropolitan indiaMetropolitan india
Metropolitan india
 
Tipos de avaliacao
Tipos de avaliacaoTipos de avaliacao
Tipos de avaliacao
 
3Com 03-0104-004 I
3Com 03-0104-004 I3Com 03-0104-004 I
3Com 03-0104-004 I
 
Building Custom Visual Composer Elements
Building Custom Visual Composer ElementsBuilding Custom Visual Composer Elements
Building Custom Visual Composer Elements
 
3Com WDBPCK0010BBK
3Com WDBPCK0010BBK3Com WDBPCK0010BBK
3Com WDBPCK0010BBK
 

Visual studiocodedebugging

  • 1. Visual studio code를 사용한 typescript디버깅 kalen.lee@takit.biz 0505-170-3636 www.takit.biz
  • 2. 디버거 실행방법 0. visual studio extension으로 javascript for chrome 설치 1. menu-> 보기->디버그 선택 2. 설정 버튼선택 3. launch.json수정 4. pkill -a -i "Google Chrome" 5. /Applications/Google Chrome.app/Contents/MacOS/Google Chrome —remote- debugging-port=9222 6. ionic serve실행 7. 코드상에 break point설정 8. “Attch to Chrome”선택하여 실행