Sublime Text 2(서브라임 텍스트)의 플러그인중에서 코드의 오류를 자동으로 잡아주는 플러그인이 SublimeLineter 입니다.

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

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 은 여려 언어에 걸쳐 오류를 잡아냅니다.


참고링크

[Design/코딩] - Sublime Text 2 단축키 및 한글

[Design/코딩] - Sublime Text 2에서 less 컴파일하기

[Design/코딩] - Sublime Text 2 플러그인 Emmet cheat-sheet

[Design/코딩] - Sublime Text 2에서 폴더 파일 빠르게 만드는 방법(AdvancedNewFile)

[Design/코딩] - Sublime Text 2에서 Fetch 설정파일

[Design/코딩] - Subline Text 2에서 YUI 를 이용하여 js, css 압축하는 방법

[Design/코딩] - Sublime Text 2에서 less 파일 구문강조하기

[Design/코딩] - Sublime Text 2에서 Package Control 설치하는 방법

[Design/코딩] - Sublime Text 2에서 Emmet 사용하는 방법

[Design/코딩] - Sublime Text 2 에서 코드정렬하기(Alignment)

[Design/코딩] - Sublime Text 2 온라인에서 코드 가져오기(Fetch)

[Design/코딩] - Sublime Text 2에서 Gist(github) 코드 불러오기,업데이트하는 방법

[Design/코딩] - Sublime Text 2로 Gist(github)에 코드 발행하는 방법

[Design/코딩] - Sublime Text 2 사이드바 확장(Enhancements)

[Design/코딩] - Sublime Text 2에서 Prefixr 사용하는 방법

[Design/코딩] - Sublime Text 2에서 Zen Coding을 사용하는 방법

[Design/코딩] - Sublime Text 2에서 Zen Coding 설치하는 방법