sublime text 3 html 설정

|


출처

http://sublimetext.info/docs/en/extensibility/snippets.html

https://github.com/skuroda/PackageResourceViewer

https://packagecontrol.io/installation#Simple



1. Package Control 설치


Command Palette에 Install Package가 없다면 Package Control부터 설치해야 한다.

(Command Palette : 맥에선 Cmd + Shift + P 누르면 나오는 메뉴)


https://packagecontrol.io/installation#Simple 에 접속하여 자신의 버전에 맞는 명령문을 복사한 뒤 콘솔창에 입력한다.

콘솔창은 Ctrl + ` 혹은 View - Show Console 에 있다.




2. PackageResourceViewer 설치


Command Palette - Install Package - PackageResourceViewer 설치

Command Palette - PackageResourceViewer: Open Resource - HTML - html.sublime-snippet 선택

http://sublimetext.info/docs/en/extensibility/snippets.html 를 참조하여 수정


수정 예)

<snippet>

<content><![CDATA[<!DOCTYPE html>

<html lang="ko">

    <head>

        <meta charset="utf-8">

        <title>$1</title>

    </head>

    <body>

        $0

    </body>

</html>]]></content>

<tabTrigger>html</tabTrigger>

<scope>text.html</scope>

</snippet>


저장한 뒤 html 문서 편집 시 html + tab 하면 위의 템플릿이 자동 완성 된다.





'Tools > Sublime Text 3' 카테고리의 다른 글

나의 sublime text3 javascript 설정  (0) 2015.12.13
sublime text 3 자동완성 툴  (0) 2015.10.15
node build 설정  (0) 2015.10.15
sublime text 3 python 설정  (0) 2015.08.05
And