sublime text 2 (4) Emmet 설치 및 새로운 기능

sublime text 2 (4) Emmet 설치 및 새로운 기능
Emmet 플러그인 설치 및 사용
Emmet 플러그인 설치
Emmet을 내보낸 지 한동안 설치에 실패했습니다. 오늘은 문서가 설치되어 있는 것을 자세히 보았습니다.
윈도우즈에 설치할 때 PyV8 설치가 실패했다고 잘못 보고할 수 있으므로,github 주소로 설치해야 합니다.자세한 설치 방법은 다음과 같습니다.
정부에서 말한 Package Control :install package로 설치Emmet는 십중팔구 틀릴 것이다.수동 설치 프로세스는 다음과 같습니다.

먼저 설치PyV8를 하고 여기를 클릭하여 적합한 운영체제 버전을 선택하고 다운로드한 zip 패키지를 Sublime Text 2의 Package 패키지에 넣는다. ST2의 메뉴Preferences->Browser Packages를 통해 이 폴더에 들어갈 수 있다. win7은 기본적으로C:\Users\[ ]\AppData\Roaming\Sublime Text 2\Packages zip 패키지에서 풀린 파일을 새로운PyV8 폴더에 넣는다

Emment 최신 버전을 다운로드하여 Packages 폴더에 압축 해제

OK2013/10/31 업데이트 다시 시작: 최근 Emmet 플러그인에 업데이트가 있어서 설치하려면 수동으로 PyV8을 설치할 필요가 없습니다.그냥 Package Install로 하면 됩니다.

Emmet의 새로운 특징
기본 tag 는 div 입니다.

.item [tab]
<div class="item"></item>

똑똑한 하위 탭 삽입 규칙, 예를 들어ul의 하위 탭은 기본적으로 리입니다.

ul>.item*2 [tab]
<ul>
<li></li>
<li></li>
</ul>

^ 위로, 현재의'상하문'을 부모 라벨에 올리고dl>dt/dd를 쓸 때 쓰는 것과 같다

dl>(dt>p>a[name=dt$]^^dd{description$})*2 [tab]
<dl>
<dt>
<p><a href="" name="dt1"></a></p>
</dt>
<dd>description1</dd>
<dt>
<p><a href="" name="dt2"></a></p>
</dt>
<dd>description2</dd>
</dl>

$ 기능 향상
이전에zencoding을 사용할 때 checkbox에 각각 label을 추가하고 싶었는데 checkbox의name 속성은 일치했지만 id가 다르고 대응하는 label의 for 속성은 checkbox의 id에 대응할 수 있습니다.

(input:checkbox[name=cb1]#cbitem$$+label[for=cbitem$$]{label$})*2 [tab]
<input type="checkbox" name="cb1" id="cbitem01">
<label for="cbitem01">label1</label>
<input type="checkbox" name="cb1" id="cbitem02">
<label for="cbitem02">label2</label>

zencoding에서 쓴 label과 id는 번호를 매길 수 없습니다.Emmet이 이 문제를 해결했습니다.
기타 기능은 모두 원래zencoding이 가지고 있었기 때문에 참고 자료를 드리겠습니다.
zencoding cheatsheet은 아무 말도 하지 않았다.얼른 프린트해서 붙여.
초실용적인 Emmet(zen coding) HTML 코드 7개를 공유하는 기교는 나로 하여금 다시 emmet을 설치하는 흥미를 불러일으켰다
emmet at github는 사실 문서에서 말한 설치를 자세히 보면 간단해야 한다.
자, 이렇게 많이 썼습니다. 2013년 제1문, 우리 공장의 연례 회의는 이때 이미 막바지에 가까워졌습니다. 올해 연례 회의에 참석하지 못해서 늘 유감입니다.미녀는 정말 괜찮다, 허허.