intellij - Live Edit

2019-06-10

intellij html, css, javascript 로 이것저것 공부해보고 있는데, 웹 브라우저에 반영이 너무나도 늦을 때 … 새로 고침을 아무리 눌러도 추가한 코드가 업데이트 되지 않을 때 …

intellij 에서 제공하는 live edit 를 쓰면 해결됨.
주의 - intellij ultimate 버전에서만 제공되는 기능이다.

영문 가이드 링크


문제 상황

intellij 에 3번 함수를 추가했는데, 브라우저에선 안 보이는 상황

img1
왜 3번은 없냐 …


해결 방법


1.인텔리제이에서 preferences > plugins 에서 LiveEdit 를 검색하고 설치하기

le2

설치하면 인텔리제이를 재시작해야 한다.

2.크롬 > 설정 > 확장 프로그램 열기

le3

3.크롬 웹 스토어 열기

le4

4.JetBrains IDE Support 를 크롬에 추가하기

le5

끝.

인텔리제이에 Plugin 설치하기( Live Edit ) 크롬에 확장 프로그램 설치하기 ( JetBrains IDE Support )

두 개만 하면 바로바로 새로고침 누르자마자 브라우저에 변경 내용이 반영되는 것을 볼 수 있음. 문제 해결!!

크롬 브라우저가 아래와 같이 보이면 됩니다 !! le6