pow로 시작된 Rails 앱의 JS를 RubyMine으로 디버깅하는 방법.

이 기능 사용 방법

사전 준비

LiveEdit 및 디버거 설정

최신 RubyMine은 기본적으로 설치됩니다

Chrome에 JetBrains IDE Support 설치

LiveEdit 및 디버거 설정

설치 상태

⌘, → Plugins → 검색란에 LiveEdit 로 인스톨 상태를 확인

설치되지 않은 경우 Install JetBrains plugin 에서 설치

확인이 활성화되어 있는지 확인합니다

Live Edit 설정

⌘, → Build, Execution, Deployment → Debugger → LiveEdit 열기

다음 항목을 체크한다

Update application in Chrome

Highlight current element in browser on caret change

디버거 설정

RubyMine에서 디버깅하려는 erb 파일을 엽니 다

도구 메뉴에서 Run → Edit Configurations ...를 클릭하십시오

나타나는 창에서 +를 클릭하고 JavaScript Debug를 선택합니다.

다음과 같이 설정

품목
설정값


이름
모든 이름

URL
pow URL


Remote URLs of local files에 디버깅하려는 응용 프로그램의 파일이 표시됨

Chrome에 JetBrains IDE Support 설치

Chrome 확장 페이지 에서 설치하기

디버깅 방법

pow를 시작하여 프로세스가 시작되었는지 확인

pow는 일정 시간 액세스가 없으면 자동으로 중지하므로 웹 페이지에 액세스하는 등 발생합니다.

RubyMine 도구 메뉴 Run에서 Debug...를 클릭합니다.

표시된 항목에서 위에서 만든 JavaScript Debug의 이름을 선택합니다.

브라우저에서 디버깅하려는 웹 페이지 표시

RubyMine 디버그 콘솔에서 Scripts 탭 표시

pow URL에 폴더 메뉴가 표시되므로 클릭하여 확장합니다.

디버깅 된 erb 파일을 클릭하고 디버그 포인트를 넣습니다.

다시 웹 페이지를 다시 열기

디버그 포인트에서 멈추는지 확인