[컴] Sublime Text2 에서 SublimLinter 와 tidy for HTML5 사용하기

SublimeLinter page :
https://github.com/SublimeLinter/SublimeLinter


SublimeLinter 를 이용해서 sublime Text2 에서 linter 들을 사용할 수 있다. 하지만 linter 는 따로 설치해야 한다.

SublimeLinter 는 package control 을 이용해서 설치하면 된다.(참고: package control 설치방법)

tidy for HTML5

여기서는 HTML5 linter 인 tidy for HTML5 를 사용해 보도록 하겠다.

tidy for HTML5 는 아래에서 얻을 수 있다.

• https://github.com/w3c/tidy-html5

소스를 받아서 빌드해야 한다. windows 사용자도 가능하다. 필자는 아래 solution file 을 이용해서 빌드했다.

• tidy-html5-master\build\msvc2010\tidy.sln

Debug 나 Release 나 원하는 configuration 으로 솔루션 전체를 빌드하자.

빌드가 끝나면 아래 3가지 파일을 얻을 수 있다.

• libtidy.exe
• libtidy.dll
• libtidy.lib

여기서 libtidy.exe 를 사용하면 된다. 이 libtidy.exe 를 원하는 path 에 넣어놓자. 여기서는 setting 아래 넣어놨다.(아래 setting 참고)

SublimeLinter 설정

이제 SublimeLinter 의 설정을 수정해 주자.

Preferences->Package Settings->SublimeLinter->Settings - User

의 setting 을 아래처럼 해주자.

참고로, 상대경로가 될까 해서 시도해 봤지만, 안됐다. 그래서 그냥 절대 경로를 사용했다.
테스트할 때 주의할 점은 한 번 lint 가 load 되고 난 이후에는 setting 에서 path 만 바꾼다고 해서 다시 load 하지 않는다. 그렇기 때문에 다시 load 되도록 re-run 을 시키거나 해야 한다.(다른 방법이 있을 듯 하지만 아직 모르는 관계로 ...^^;;)

Settings - User

 {
    "sublimelinter_executable_map":
    {
        "html" : "c:/Users/username/AppData/Roaming/Sublime Text 2/Packages/SublimeLinter/linter/tidy.exe"
        // "html" : "./linter/tidy.exe"
    },

    /*
        Maps syntax names to linters. This allows variations on a syntax
        (for example "Python (Django)") to be linted. The key is
        the name of the syntax **as it appears in the syntax list
        at the bottom right of the window**, and the value
        is the linter name **as listed in the README** (all lowercase)
        that the syntax maps to.
    */
    "sublimelinter_syntax_map":
    {
        "Python Django": "python",
        "Ruby on Rails": "ruby",
        "C++": "c",
        "HTML":"html"
    }
}

mode 가 background 인 경우는 언제 lint 가 호출되는 지가 조금 불분명하다.

• "sublimelinter": false

를 setting 에 추가하면, ctrl+alt+L 을 이용해서 lint 를 실행시킬 수 있다.

command 창(ctrl+` ) 을 열어서 log 를 확인하면 된다.

제대로 load 가 되면, 아래와 같은 메시지가 뜨고,

SublimeLinter: python enabled (built in)

그렇지 않은 경우에는 아래와 같은 메시지가 뜬다.

SublimeLinter: html disabled (tidy cannot be found)

사용성

별로다.

c:\>tidy test.html

을 해서 얻은 결과를 다 보여주지 못하고, 무엇이 문제인지에 대한 설명도 제공되지 않는다. 그냥 command 에서

c:\>tidy test.html

을 실행하는 것이 더 나을 듯 하다.