이클립스에 Emmet (ex-Zen Coding) 플러그인 설치

DG Goh / 2013/09/13

 

사용법 문서 http://docs.emmet.io/abbreviations/syntax/

드림위버 젠코딩 설치방법

cs6 버젼에서 사용가능

p>최근에 코딩을 더욱 빠르게 하는 젠코딩이 각광을 받고 있습니다.

드림위버에서도 젠코딩을 한다면 정말 금상첨화 일텐데요.

우선 젠코팅 해당파일을 제공하는 사이트로 접속

http://code.google.com/p/zen-coding/downloads/list

요기 목록에서 드림위버용 젠코딩을 찾아서 파일명을 클릭합니다.

정말 다양한 프로그램들의 젠코딩 설정 파일들을 제공하고 있네요.

자신에게 알맞는 프로그램의 젠코딩 설정 파일을 찾아보세요.

열기를 하면 바로 설치가 진행됩니다.

(일단 드림위버는 바로 설치가 되며 다른 파일들은 압축파일로 되어 있어 나름의 설정이 필요할 듯 하네요.)

고롬 이제 드림위버에 들어가서 설정을 잡아줍니다.

1. 드림위버 실행 2. edit -> keyboardshortcuts 눌러주세요. 3. commands -> zencoding -> expand abbreviantion 눌러주세요. 4. shortcuts 란의 기본설정 단축키를 삭제하고 press key란에 설정할 단축키를 눌러서 change를 눌러주세요. 5. 확인

첨부파일에 키 요약이 있습니다.

[출처] http://tokyomari.blog.me/175970617

https://code.google.com/p/zen-coding/

https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn

https://code.google.com/p/zen-coding/downloads/detail?name=ZenCodingCheatSheet.pdf

http://www.aether.ru/files/zencoding.pdf

http://docs.emmet.io/