사과하지만 이것이 요청 된 경우 또는 이것이 가장 적합한 스택 사이트를 모릅니다. 사람들이 Sublime을 사용하여 더 빠른 태그를 만드는 방법에 대한 몇 가지 비디오를 보았으며 문서가 있거나 코딩에서 더 빨리 할 수있는 경우이를 수행하는 올바른 방법을 배우고 싶습니다.
여러 비디오에서 사람들이 다음과 같은 일을하는 것을 봅니다.
div.class
그리고 <div class="class"></div>
이후에 생성 tab
됩니다.
사과하지만 이것이 요청 된 경우 또는 이것이 가장 적합한 스택 사이트를 모릅니다. 사람들이 Sublime을 사용하여 더 빠른 태그를 만드는 방법에 대한 몇 가지 비디오를 보았으며 문서가 있거나 코딩에서 더 빨리 할 수있는 경우이를 수행하는 올바른 방법을 배우고 싶습니다.
여러 비디오에서 사람들이 다음과 같은 일을하는 것을 봅니다.
div.class
그리고 <div class="class"></div>
이후에 생성 tab
됩니다.
답변:
설명하는 기능은 기본적으로 Sublime Text 2의 일부입니다. 문서가 HTML 구문을 사용하는지 확인하십시오 ( 보기»구문»HTML ).
을 입력 foo.bar
하고를 누르면을 (를 Tab) 얻을 수 <foo class="bar"></foo>
있습니다. 도 있습니다 foo#bar
(위해 id
대신 class
). 둘 다에서 구현됩니다 .Packages
/HTML/html_completions.py
a
태그 및 태그와 같은 것을 빌드하는 방법에 대한 문서가 li
있습니까? 이것은 HTML에만 해당됩니까? +1.
div#main.container
보았지만 Sublime main
은 container
내가 시도 할 때 클래스로 요소를 내뱉 습니까?
Emmet 은 CSS 선택자와 같은 방식으로 기본 구조를 작성하고 편집기에서 확장하도록하는 플러그인입니다. GitHub 에서 패키지를 찾아 패키지 관리자를 통해 설치할 수 있습니다 .
(출처 : smashingmagazine.com )
이 스매싱 잡지에는 기사가 있습니다 . 예를 들어
(.foo>h1)+(.bar>h2)
Tab~로 확장 됩니다
<div class="foo">
<h1></h1>
</div>
<div class="bar">
<h2></h2>
</div>
을 눌러 AltShiftW열린 태그를 만들거나 현재 선택을 태그에 래핑 할 수 있습니다 ( 편집»태그»태그에서 현재 선택 물 래핑 참조 ).
기본적으로 다음을 만듭니다.
<p></p>
태그 이름을 선택한 상태에서 덮어 쓸 수 있습니다.
를 누르면 Tab태그 안에 더 들어가게됩니다. 또는을 누르면 Space속성을 만들 수 있습니다 (예 :
href="..."
한 다음Tab<a href="..."></a>
커서를 태그 안에 배치 한 결과