Tern Eclipse IDE 설치하기

[주인장]

[출처] 이클립스에서 자바스크립트 및 jQuery 자동 완성 사용하기 (Tern Eclipse IDE)|작성자 njw1204

IT Factory : 네이버 블로그

Tern Eclipse IDE 라는 이클립스 플러그인을 사용하면 됩니다.

자바스크립트 코딩 시 DOM API, jQuery 자동 완성을 지원합니다.

게다가 ESLint, Bootstrap 등 많은 모듈을 지원하고 ECMAScript 6까지 사용할 수 있습니다.

https://github.com/angelozerr/tern.java/releases/download/tern.java-1.2.1/tern.repository-1.2.1.zip

먼저 이클립스에서 [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이 잘 적용되면 아래와 같이 깔끔하게 자동 완성이 됩니다!