이 기능 사용 방법

사전 준비

LiveEdit 및 디버거 설정

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

Chrome에 JetBrains IDE Support 설치

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

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

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

⌘, → 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 확장 페이지 에서 설치하기

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

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

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

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

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

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

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

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

다시 웹 페이지를 다시 열기

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

이 문제에 관하여(RubyMine의 LiveEdit에서 pow로 시작한 앱의 JS 디버깅), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shohei1913/items/94da1f81ad59016210c7

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다