Eclipse에서 jQuery 자동완성을 위한 Plugin설치

이번 블로그에서는 이클립스에서 jQuery 를 사용하여 개발할때 자동완성 기능을 설정하는 방법에 대해서 알아보겠습니다.

실제로 정확하게 잘 동작하지는 않는것 같지만(이유는 잘 ~~) 그래도 없는것 보다는 낫다는 생각이 듭니다.

Eclipse Version은 eclipse-jee-luna-SR2 입니다.

먼저 테스트를 위해서 Dynamic Project 하나를 생성합니다. Project 이름은 JQueryProject01라고 하겠습니다.

먼저 Apple.html  이라는 파일을 생성하여 $(document).re에서 control + space (자동완성 단축키) 입력하여도 전혀 자동완성이 되지 않습니다.

JSDT-jQuery plugin을 설치하기 위해서 Eclipse MarketPlace에서 jQuery검색하여 설치 합니다.

JSDT jQuery 1.8.0 을 Install합니다.

모두 선택해 주시구요,

라이센스에 동의하고 이클립스를 재시작 합니다.

그래도 여전히 자동완성은 되지 않습니다. Plugin은 설치 되었으나 별도로 설정해야 하는 부분이 있습니다.

현재 프로젝트의 Properties > Javascript > Include Path를 선택하면 아래와 같은 화면을 볼 수 있습니다.

오른쪽 버튼중에서 "Add JavasScript Library..." 부분을 클릭하여 jQuery Library를 선택합니다.

Finish를 누르고

OK를 누르면 완료가 됩니다.

이제는 Apple.html 에서 자동완성이 되는 것을 볼 수 있습니다.