Sublime Text 4 - Emmet 기본 HTML snippet 오버라이드/커스터마이징 하기

! + [탭]을 하면 기본 html 문서 스니펫이 다음과 같이 나오는데,

나는 여기에 내가 자주 사용하는 vue.js 스크립트 태그를 추가하고 언어를 "ko" 로 설정하고 싶었다.

기본 스니펫을 오버라이드하고 싶으면 Emmet 세팅을 고치면 된다.

먼저 Emmet 세팅을 연다: Preferences → Package Settings → Emmet → Settings

 

2. 기본 설정

기본 설정에서 config 부분을 오버라이드 하면 된다. config는 현재 비어 있는데, 위에 주석을 보면, config > markup > snippets에 정의하는 것을 알 수 있다.

 

3. 나의 설정

다음처럼 설정하고

! + [탭]을 하니

내가 원하는 대로 vue.js 스크립트 태그가 추가되고 언어도 ko로 바뀌었다!

 

vuejs + [탭]을 하면

스크립트 태그도 자동 완성이 된다!