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


어느 개발자의 mac 셋팅

|


출처 : http://blog.doortts.com/286


나중에 도움이 될 것 같아 메모 한다.

'Mac' 카테고리의 다른 글

Mac 에서 쇼핑몰 결제하기  (0) 2015.04.07
MAC에 GNS3 1.2.1 설치  (0) 2015.04.07
And


Tistory 에서 코드 예쁘게 출력하기

|


출처 : http://blog.gaerae.com/2015/09/google-code-prettify.html

 

 

<SCRIPT src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=java&lang=sql&skin=desert"></SCRIPT>
 <PRE class=prettyprint linenums>class Voila {
    public:
        // Voila
        static const string VOILA = "Voila";}
</PRE>

 

의 결과물

 

class Voila {
    public:
        // Voila
        static const string VOILA = "Voila";
}

'Tistory' 카테고리의 다른 글

Tistory 에서 Markdown 문법으로 글 쓰기  (1) 2016.12.21
내 도메인을 Tistory 연결  (0) 2015.03.27
Tistory에 Googld Adsense 광고 생성  (0) 2015.03.27
Tistory Skin, HTML, CSS 설정  (0) 2015.03.26
And


prev | 1 | ··· | 5 | 6 | 7 | 8 | 9 | 10 | 11 | ··· | 63 | next