도구/Eclipse (이클립스)

[Eclipse/Plugin] 이클립스 에밋(Emmet) 플러그인 설치

박주단 2021. 2. 27. 08:48

# 플러그인(Plugin)

 

플러그인은 프로그램에 없던 기능을 추가해주는 기능입니다. 오늘 설치할 것은 Emmet입니다.

이전에는 젠코딩(Zen Coding)이라고 불렸었는데 에밋(Emmet)으로 바뀌었습니다. 

에밋은 HTML, XML 등의 문서를 코딩할 때 코딩하기 쉽게 도와주는 플러그인입니다.

 

 

# 설치 주소 복사

 

github.com/emmetio/emmet-eclipse

 

emmetio/emmet-eclipse

Emmet for Eclipse. Contribute to emmetio/emmet-eclipse development by creating an account on GitHub.

github.com

 

깃허브에 접속해서 Installation에 있는 주소를 복사합니다.

 

Installation

 

 

http://download.emmet.io/eclipse/updates/

 

 


참고로 Emmet의 공식 홈페이지는 여기입니다.
DOWNLOAD → Eclipse/Aptana를 클릭하면 위에서 소개한 깃허브로 이동합니다.

 

# 설치

 

이클립스 메뉴 Help -> Install New Software 클릭합니다.

 

 


아까 복사해둔 주소를 Work With에 붙혀넣고 Add를 클릭하면 이름을 정할 수 있는 창이 뜹니다.

이름에 Emmet 입력 후 Add를 클릭합니다.

(이름을 정하고 싶지 않다면 주소를 붙혀넣고 Enter 키를 누르면 됩니다.)

 

 

 

아래 사진처럼 Emmet 패키지를 체크하고 Next를 클릭합니다.

 

 

 

Next를 클릭하면 라이센스 안내가 있습니다. 동의하면 설치가 시작됩니다.

 

Next → 라이센스 Accept → Finish

 

 

설치하는 동안 보안 경고(Security Warning) 팝업창이 뜨는데 Install anyway 버튼을 클릭하면 됩니다.

 

 

 

설치가 완료되면 이클립스 재시작 팝업창이 뜹니다.

Restart Now를 클릭해서 이클립스를 재시작 하면 설치가 완료됩니다.

 

 

 

 


 

# JSP 페이지에서 Emmet 사용

 

Window → Preferences 를 클릭해서 검색창에 Emmet을 검색합니다.

아래 사진처럼 jsp를 입력하고 Apply and Close를 클릭합니다.