Brackets의 Emmet을 pug에 대응시킨다

1. snippets.json 만들기

[파일]->[새로 만들기]에서 새 파일을 만들고 아래 JSON을 붙여넣습니다.

{
  "pug": {
    "filters": "jade",
    "extends": "html",
    "profile": "xml"
  }
}

새 파일의 이름을 'snippets.json'으로 원하는 곳에 저장합니다.
이번에는 바탕 화면에 "emmet"이라는 폴더를 만들고 거기에 snippets.json을 넣으려고합니다.

2. snippets.json의 경로 확인

Brackets가 기본 상태이면 snippets.json의 제목 표시줄에 경로가 표시됩니다.
확인해 둡시다.
아래 이미지의 제목 표시줄은 "/Users/kubotomoki/Desktop/emmet/snippets.json(Getting Started) - Brackets"입니다.

3. Emmet Preferences에 경로 지정

메뉴의 [Emmet]->[Preferences...]에서 "Emmet Preferences"를 표시.
Extensions folder 입력란에 제목 표시줄에서 확인한 snippets.json까지의 경로를 입력합니다.
snippets.json까지의 경로이므로 파일 이름을 포함하지 마십시오.

4. Brackets 재부팅

Brackets를 다시 시작합니다.
Brackets를 그대로 삭제해도 좋고 메뉴의 [디버그] -> [확장 기능으로 리로드]로 Emmet를 업데이트합니다.

타노시!

Emmet이 이상해지면

확장 프로그램에서 Emmet를 제거한 후 다시 설치하십시오.

snippets.json 정보

snippets.json과 같은 Emmet의 정규 사용자 정의 방법은 과거에 내가 Adobe 공식 블로그에서 설명했습니다. 참고하십시오.

Emmet 입문 제4회 Emmet의 스니펫이나 설정을 편집해, 마음대로의 기술로 하자 | Adobe Creative Station