이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong

이클립스(Eclipse)/꿀팁(tips)

[Eclipse_꿀팁] Eclipse에서 javascript 자동완성 플러그인(plugin) 설치하기 (Tern IDE Eclipse)

림케이원 2020. 5. 16.

목차


데브림의 블로그 포스팅 한 것들을 한 눈에 확인하고 싶다면 클릭!

👉 https://github.com/DevLimK1/tistory-map 👈 




 

이클립스에서 자바스크립트 코딩 시 DOM API, jQuery, ESLint, Bootstrap 등 많은 모듈을 지원하고 ECMAScript 6까지 사용할 수 있습니다.

Tern은 만들어진지가 좀 되어서 마켓플레이스에서는 설치할 수가 없고, 따로 설치 후에 사용가능합니다.

따라서 이클립스 마켓플레이스에 있는 버전은 이클립스 구버전(2018.09 까지)만 지원합니다.

 

이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong

 설정방법

 

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

위의 사이트에서 tern 플러그인을 다운로드 후 

이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong
이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong
이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong
이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong
이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong

다운받은 Plug-in을 적용시킬 프로젝트를 오른쪽클릭 버튼

이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong

해당 프로젝트 오른쪽클릭 후 properties 클릭 

이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong
이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong

ECMAScript 6버전을 사용하고 싶으면 아래 Tern 탭에서 변경가능

이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong
이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong
Tern 플러그인이 적용된 화면

꿀팁+)위와 같이 글자 입력하면 바로 content assist를 띄우게하려면 자동완성 기능 옵션을 추가해야한다.

아래 설정화면을 참고해서 아래 코드를 복사 후 붙여놓자.

<={.qwertyuioplkjhgfdsazxcvbnm_QWERTYUIOPLKJHGFD@

 

이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong

 

♥수정이 필요한 부분 , 지적해주실 부분은 댓글로 부탁드려요~ 피드백은 언제나 환영입니다♥

♥긴 글 읽어주셔서 감사합니다♥

 



공유하기

게시글 관리

구독하기개발자의 타임스탬프(TIMESTAMP)

'이클립스(Eclipse) > 꿀팁(tips)' 카테고리의 다른 글

[Eclipse_꿀팁(tips)] Ctrl+Space는 그만! 글자 입력하기만하면 Content Assist(자동완성기능)가 실행되는 방법!  (14)2020.04.21

태그

contentassist, Eclipse, JavaScript, Tips, 꿀팁

댓글4

비밀글

등록

    이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong


    Help - Eclipse Marketplace





    이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong


    Tern Eclipse IDE 검색






    이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong


    다운로드 완료하면 플러그인 사용 할 프로젝트 우클릭 후

    Configure - Convert to Tern Project 클릭





    이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong


    해당 화면이 뜨면 jQuery를 클릭하여 활성화 시킴.

    *제이쿼리 말고도 사용하고 싶은 것이 있으면 활성화 시켜 사용가능함.



    ------------------------------------------------------------


    이클립스 jquery 자동완성 - ikeullibseu jquery jadong-wanseong


    활성화 후 추가/삭제를 해야 할 경우 해당 프로젝트 우클릭 후

    Properties에서 가능. 


    공유하기

    게시글 관리

    구독하기좌충우돌 프로그래밍

    저작자표시 비영리

    'Web' 카테고리의 다른 글

    [Spring] 카카오 로그인 연동 구현하기(REST API) [1]  (0)2018.12.09[Spring] java.lang.IllegalStateException: Ambiguous mapping. Cannot map '*****Controller' method 에러 해결방법  (0)2018.11.27[Spring] 이클립스&STS 폰트 추천과 폰트 변경방법  (2)2018.10.17[Spring] 스프링 자동완성 플러그인 SonarLint  (1)2018.10.10[Spring] 스프링 STS 초기설정 UTF-8  (1)2018.10.10