zen coding 플러그인 설치하기

[sublime text 3] zen coding 플러그인 설치하기

051314_0418_sublimetext1.png


Zen coding기능은 에디터들 대부분이 가지고 있는 기능일 수 있을 겁니다. 코딩을 편리하게 도와 주는 기능입니다.

위 그림과 같이 입력하신 후 Ctrl + E 키를 누르시면

051314_0418_sublimetext2.png



행태로 코딩됩니다. 몇 가지 규칙만 알면 코딩속도가 빨라지고 작업 효율이 올라갑니다.


Sublime text는 기본적으로 이 기능을 가지고 있지는 않습니다. 플러그인으로 추가할 수 있어서 설치방법을 설명해 드리고자 합니다. 간단합니다.

앞에서 포스팅한 Install Packages를 설치하신 분이라면 더 욱 간단합니다.

Install Packages 설치방법


위 링크를 보시면 플러그인 설치방법이 나왔습니다. Install Packages를 설치하시고 Ctrl + Shift + p키를 입력하신 후 Install Packages를 선택하세요.

051314_0418_sublimetext3.png



이렇게 실행하시면 플러그인들 목록이 나타날 겁니다.


Zen coding을 검색하면 나오지 않습니다.

Emmet를 검색하신 후 클릭하시면 자동으로 설치됩니다.

051314_0418_sublimetext4.png



이렇게 설치하시고 zen coding 기능을 이용해 보시면 동작할 겁니다.


Zen coding 문법은

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

링크를 보시면 쉽게 설명되어 있습니다. 10분 정도면 충분히 익히 슬겁니다.


매거진의 이전글Install Package Control 설치하기