서브라임 텍스트 플러그인 - SublimeLinter (코드 오류 수정)

[플러그인]Sublime Text 2에서 코드 오류를 자동으로 잡아주는 SublimeLinter

 

Sublime Text 2(서브라임 텍스트)의 플러그인중에서 코드의 오류를 자동으로 잡아주는 플러그인이 SublimeLineter 입니다. lint는 '보푸라기'를 의미하는 아주 생소한 단어인데, 코드에 버그가 있는 경우 작은 점을 표시해 에러가 있음을 나타내는 표시를 의미합니다.

서브라임 텍스트 3에서는 API 달라지면서 서브라임 텍스트2와 달리 사용 언어별로 플러그인을 별도로 설치해야 합니다. 여기서는 자주 사용하는 HTML, CSS, JavaScript, PHP 를 대상으로 ... ㅋㅋ. <책에서 발췌>

패키지 설치에서 sublimelint 로 검색해 SublimeLinter, SublimeLinter-csslint, SublimeLinter-html-tidy, SublimeLinter-jshint, SublimeLinter-php 를 각각 설치합니다.

 

플러그인을 설치하고 어떻게 오류를 잡아내는지 한번 보겠습니다.

SublimeLinter -> https://sublime.wbond.net/packages/SublimeLinter

Sublime Linter 설치하기.

Ctrl+Shift+P 를 눌러 Package Control 을 설치합니다.

바로 나오는 창에 sublime linter 을 입력하면 아래처럼 나옵니다.

엔터를 클릭해서 설치합니다.

 

 

 

SublimeLinter 은 설치하면 안내문구를 보여줍니다.

 

 

Sublime Linter 플러그인이 잡아주는 오류는 어떤 언어에서 해당이 될까요?

아래줄에 나오는것처럼 상당이 많은 언어의 오류를 잡아줍니다.

C/C++,CoffeeScript,CSS,Git Commit Messages,Haml,HTML,Java,Javascript,Lua,Objective-J,Perl,PHP,Puppet,Python,Ruby,XML

다른 플러그인처럼 여기서 끝나면 안됩니다.

https://github.com/SublimeLinter/SublimeLinter 보시면 Node.js 가 설치가 되어 있어야 한다고 합니다.

nodejs.org 에 가셔서 다운로드해서 설치하시기 바랍니다.

모두 설치가 되었다면 재실행을 해주세요. 혹시 설치순서가 바뀌어서 안될수도 있으니 ....

자바스크립트 문서를 하나 만들어서 ) 를 하나 빠뜨려봤습니다.

아래처럼 한행을 블럭을 잡아서 오류를 잡아냅니다.

 

 

CSS 파일도 마찬가지 입니다.

background 속성값을 않넣어봤습니다.

바로 잡아냅니다.

 

 

이런식으로 Sublime Linter 은 여려 언어에 걸쳐 오류를 잡아냅니다.

 

출처 : http://demun.tistory.com/2240