[이클립스 - Eclipse plugIn - (6) ] javascript code assist : 컨트롤 + 스페이스바 누를 때 자바스크립트도 어시스트 창 띄우는 기능.
바로 Tern Eclipse IDE 라는 이클립스 플러그인을 사용하면 된다.
자바스크립트 코딩 시 DOM API, jQuery 자동 완성을 지원.
게다가 ESLint, Bootstrap 등 많은 모듈을 지원하고 ECMAScript 6까지 사용할 수 있다.
다른 플러그인처럼 이클립스 마켓플레이스에서 검색해서 설치하면 되는데.
다만 문제가 하나 있는데 Tern은 만들어진지 좀 오래 되었다.
따라서 이클립스 마켓플레이스에 있는 버전은 이클립스 구버전(2018.09 까지)만 지원하기 때문에
그 이후 신버전에서는 직접 아래의 파일을 다운받아서 설치를 해야된다. (방법1 참고)
ttps://github.com/angelozerr/tern.java/releases/download/tern.java-1.2.1/tern.repository-1.2.1.zip
방법1
저는 신버전 기준으로 설치를 해보겠습니다.
먼저 이클립스에서 [Help] - [Install New Software..] 로 들어갑니다.
Install 창이 뜨면 Add 버튼을 누르세요. 그럼 Add Repository 창이 뜹니다.
Add Repository 창에서는 Archive 버튼을 눌러 다운로드 받은 zip 파일을 선택해주면 됩니다.
파일을 추가했으면 설치할 항목을 모두 체크하고 Next를 눌러 설치를 진행하면 됩니다.
설치가 끝났으면 사용해봅시다.
tern을 사용하기 위해서는 프로젝트별 설정이 필요합니다.
프로젝트 우클릭후 [Configure] - [Convert to Tern Project...] 를 누릅니다.
그럼 설정 창이 뜰텐데 쓰고 싶은 모듈들을 선택해주세요.
DOM API를 자동 완성하기 위해서는 "Browser" 에 체크하셔야 되고
jQuery를 자동 완성하기 위해서는 "jQuery" 에 체크해주셔야 합니다. 중요!!
Tern은 기본적으로는 ECMAScript 5를 사용합니다.
아래와 같이 설정을 바꿔서 ECMAScript 6를 지원하도록 설정할 수 있습니다.
Tern이 잘 적용되면 아래와 같이 깔끔하게 자동 완성이 됩니다!
(이클립스에서 자동 완성창 띄울라면 Ctrl+Space 누르는건 아시죠? 안 뜨면 눌러보세요)
Tern이 아쉬운 점은 최근에 업데이트가 잘 되고 있지 않다는 것인데 (거의 3년째..)
Tern을 대체할만한 플러그인은 유료이거나 한참 전에 사라져버려서 그나마 Tern이 가장 나은 것 같습니다.
(CodeMix라는게 있는데 30일 체험판이고 동작이 무겁다는게 단점입니다.)
방법2 (구버전일 경우, 마켓에서 설치 시 오류 없을 때 쓰는 방법.)
위와 같이 추가를 해주자. 이클립스 버전에 따라 지원을 할 수도 있고 안 할수도 있으니 잘 보고 하길.!
근데 javascripit만 쳐도 많은 플러그인들이 뜨기 때문에 꼭 저것이 아니라도 된다.
정말로 많으니 이클립스 버전에 따라 되는 플러그인을 설치하면 되겟다.
이후에
혹시 위와 같이 뜨지 않는다면,
프로젝트에서 Properties에 들어가 직접 설정해주면 된다.
