Notice
Recent Posts
Recent Comments
Link
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Archives
Today
Total
관리 메뉴

web sprit

드림위버(Dreamweaver) 젠코딩 설치 및 설정하기 본문

Tool/Dreamweaver

드림위버(Dreamweaver) 젠코딩 설치 및 설정하기

커드만 2016. 12. 26. 15:50

제가 마크업을 작업할 떄 주로 사용하는 기술이 젠코딩 입니다. 

젠코딩은 에디트플러스에서 최신버젼으로 설치하면 기본으로 제공 되어집니다.

하지만 가끔 드림위버를 이용할 떄가 있는데요. 드림위버는 따로 플러그인을 설치해야 합니다.

그럼 드림위버에 설치 및 설정을 알아보도록 하겠습니다.



1. 설치

우선 드림위버에서 젠코딩을 사용하기 위해 플러그인 파일을 다운받도록 하겠습니다.


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


위와 같은 사이트가 나오는데 전 젠코딩 드림위버용 최신버전을 다운받았습니다.


압축을 풀면 위와같은 화면이 나오는데 확장자 mxp파일을 더블클릭하여 설치를 진행합니다.




자 설치는 마무리 되었고 위와같이 DreamweaverZen Coding 이 import 된것을 확인하실 수 있습니다.

그럼 Dreamweaver를 실행해보죠~


위 화면을 보시다시피 Commands 메뉴탭안에 Zen Coding 이 설치 되었습니다.




2. 설정(key 설정)

키 설정은 상단 메뉴에서 Edit ==> Keyboard Shortcuts 에 들어 갑니다.


위의 화면에서 Commands ==> Zen Codign ==> Expand Abbreviation 을 선택하여 아래 Press key 입력란에

사용하려하는 원하는 키를 누릅니다.

저는 Ctrl + E 를 많이 사용하기 때문에 Ctrl + E 로 설정하였습니다. 

다른 단축키로 설정되어 있다면 그 키를 변경하던가 아님 변경 alert창을 수락하면 전에 설정되었던 단축키는 지워지게 됩니다.


 이상 "드림위버(Dreamweaver) 젠코딩 설치 및 설정하기" 마치도록 하겠습니다.






Comments