Sublime Text에서 코드 작성 방법을 어떻게 단축합니까?


9

사과하지만 이것이 요청 된 경우 또는 이것이 가장 적합한 스택 사이트를 모릅니다. 사람들이 Sublime을 사용하여 더 빠른 태그를 만드는 방법에 대한 몇 가지 비디오를 보았으며 문서가 있거나 코딩에서 더 빨리 할 수있는 경우이를 수행하는 올바른 방법을 배우고 싶습니다.

여러 비디오에서 사람들이 다음과 같은 일을하는 것을 봅니다.

div.class그리고 <div class="class"></div>이후에 생성 tab됩니다.


자신 만의 맞춤 스 니펫을 만들 수도 있습니다. docs.sublimetext.info/en/latest/extensibility/snippets.html
Abdessamad Idrissi

위의 링크는 더 이상 유효하지 않습니다. 자체 맞춤 스 니펫을 만드는 방법을 알려주는 공식 링크가 있습니까?
anjanesh

답변:


11

설명하는 기능은 기본적으로 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.
DᴀʀᴛʜVᴀᴅᴇʀ

@Gramps 무슨 뜻인지 잘 모르겠지만이 기능이 구현 된 스크립트를 지적했습니다 ( 패키지 찾아보기… 메뉴 항목을 선택하여 언급 한 디렉토리로 이동하십시오). 예를 들어 추가 구분 기호를 지원하도록 기존 스크립트를 확장 할 수 있습니다. 숭고한 텍스트이 스크립트는 파이썬으로 구현, 여기 파이썬 문서의 , 그리고 이 페이지는 숭고한 텍스트 2. 문서의 특정 포함
다니엘 벡

나는 누군가가하는 것을 div#main.container보았지만 Sublime maincontainer내가 시도 할 때 클래스로 요소를 내뱉 습니까?
taco

7

에밋 / 젠 코딩

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속성을 만들 수 있습니다 (예 :

  • AltShiftW(Windows / Linux) 또는 CtrlShiftWOS X
  • A
  • Space
  • 을 입력 href="..."한 다음Tab
  • <a href="..."></a>커서를 태그 안에 배치 한 결과
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.