Tools/Sublime Text 3

sublime text 3 html 설정

간즁 2015. 9. 21. 17:04

출처

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 하면 위의 템플릿이 자동 완성 된다.