크롬 확장 개발 시 Intellij(그 외 jetbrain IDE)에서 문법 체크 설정

 

 

앞서서

최근 크롬 확장 기능 프로그래밍을 하고있습니다. 구글 공식 문서를 참고하며 하고있는데 웹베이스라그런지 재밌고 물건이 완성되면 성취감도 생기더군요. 도중까지는 쭉 intellij를 사용하다가, 크롬 확장 기능의 api함수를 코딩하면 참조못하는 듯이 노란줄이 뜨는 것이 신경쓰이기 시작했습니다. 그래서 플러그인을 검색해봤더니 그런 크롬 확장 플러그인은 따로 존재하지 않더라고요. 좀 알아보니 간단하게 설정하는 방법이 있기에 소개합니다. 이 방법은 intellij 뿐만아니라 webstorm 등 다른 에디터에서도 사용 가능합니다.

 

설정방법

 

 

먼저 설정 페이지에 들어갑니다.

 

Ctrl Alt S 단축키로도 가능합니다.

 

 

 

 

 

다음에 Laguages & Frameworks에 들어가 Libraries에 들어갑니다.

 

그 후 우측 Download를 들어갑니다.

 

 

 

 

 

 

 

 

들어가시면 이러한 창이 뜨는데 리스트에 커서를 한번 놓고

키보드로 chrome을 검색하시면 chrome이 찾아집니다.

이 항목에 커서를 놓은채로 Download and Install을 클릭합니다,

 

 

 

 

 

 

 

 

 

그 뒤 전 창을 빠져나오시면 @types/chrome이 있을 겁니다.

체크가 안되있다면 체크를 해줍시다.

 

 

 

 

 

 

 

 

 

그리고 크롬 확장 코드를 작성하시면

 

짜잔

 

잘 확성화됨을 확인하실 수 있습니다.

 

참조기능이 확장되니 더 할맛이 나네요.