WebStorm에서 Testacular를 이동하여 디버깅 수행

http://efcl.info/2012/1028/res3154/보시면 알겠지만 그래도 설명해 주세요.
또한 다음에 사용된 소스 코드는 https://github.com/grapswiz/testacular-webstorm-sample에 공개됩니다.다운로드하여 실제로 사용하세요.

WebStorm의 Run Configuration 작성

WebStorm에서testacular를 실행할 때 명령줄에서 실행할 때와 같습니다

$ testacular start

$ testacular run

에 해당하는 두 개의 Run Configuration이 있습니다.

testacular start용 작업

tetacular run용 작업

디버그 작업

포트로 지정한 9876은testacular start에서 시작된 서버의 포트 번호입니다.

실행!

testacular 서버 작업을 수행합니다.이 임무는 자주 집행해야 한다.다음에 가동되는 물건은 용도에 따라 달라진다.
테스트를 실행하려고 할 때마다testacularrun 작업을 실행합니다.
디버깅을 할 때 디버깅을 할 때마다testacular debug 작업을 수행합니다.

디버거로 할 수 있는 일

Chrome Developer Tools는 할 수 있는 게 많은 것 같아요.

단계 실행

Watch Expressions

Scope Variables

Call Stack

Breakpoints

크롬을 기준으로 고려하면 단점 관리가 다른 창이라는 점에 조금 신경을 쓴다.다른 UI의 차이점을 고려하지 않으면 정상적으로 사용할 수 있습니다.
다음은 디버거 화면입니다.