도구/Eclipse (이클립스)
[Eclipse/Plugin] 이클립스 에밋(Emmet) 플러그인 설치
박주단
2021. 2. 27. 08:48
# 플러그인(Plugin)
플러그인은 프로그램에 없던 기능을 추가해주는 기능입니다. 오늘 설치할 것은 Emmet입니다.
이전에는 젠코딩(Zen Coding)이라고 불렸었는데 에밋(Emmet)으로 바뀌었습니다.
에밋은 HTML, XML 등의 문서를 코딩할 때 코딩하기 쉽게 도와주는 플러그인입니다.
# 설치 주소 복사
github.com/emmetio/emmet-eclipse
깃허브에 접속해서 Installation에 있는 주소를 복사합니다.
http://download.emmet.io/eclipse/updates/
참고로 Emmet의 공식 홈페이지는 여기입니다.
DOWNLOAD → Eclipse/Aptana를 클릭하면 위에서 소개한 깃허브로 이동합니다.
# 설치
이클립스 메뉴 Help -> Install New Software 클릭합니다.
아까 복사해둔 주소를 Work With에 붙혀넣고 Add를 클릭하면 이름을 정할 수 있는 창이 뜹니다.
이름에 Emmet 입력 후 Add를 클릭합니다.
(이름을 정하고 싶지 않다면 주소를 붙혀넣고 Enter 키를 누르면 됩니다.)
아래 사진처럼 Emmet 패키지를 체크하고 Next를 클릭합니다.
Next를 클릭하면 라이센스 안내가 있습니다. 동의하면 설치가 시작됩니다.
설치하는 동안 보안 경고(Security Warning) 팝업창이 뜨는데 Install anyway 버튼을 클릭하면 됩니다.
설치가 완료되면 이클립스 재시작 팝업창이 뜹니다.
Restart Now를 클릭해서 이클립스를 재시작 하면 설치가 완료됩니다.
# JSP 페이지에서 Emmet 사용
Window → Preferences 를 클릭해서 검색창에 Emmet을 검색합니다.
아래 사진처럼 jsp를 입력하고 Apply and Close를 클릭합니다.