[Node.js] Sublime Text 에서 개발환경 최적화하기

하이 ~~

요즘 node.js 를 공부하고 있는데 ㅎㅎ 조금 더 편한 환경에서 작업하기위해서 Sublime Text에서 개발환경을 세팅 해보려고 한다.

 

두가지를 할건데 하나는 빌드환경 세팅 , 하나는 개발 환경 세팅이다.

먼저 빌드환경세팅 부터 해보자. 아주 간단하다.

 

 

빌드환경 세팅

 

1. Add Repository

 

shift + ctrl + p 를 누르고 add repository를 선택하자.

 

 

 

2. git url 입력하고 패키지 설치하기

하단에 https://github.com/tanepiper/SublimeText-Nodejs.git

입력하고, Package Control 에서 nodejs라고 입력한 뒤에 상단에 있는 것을 설치해주자.

 

 

3. 빌드 환경 바꾸기

 

Tools > Build System > New Build System... 을 누르면 아래와같은 화면이 나온다.

{
    "shell_cmd": "make"
}
 

 

 

이 걸 아래와 같이 고쳐주고 저장해주자.

{
    "cmd": ["node", "$file"],
    "file_regex": "^[]*File \"(...*?)\", line ([0-9]*)",
    "selector": "source.js",
    "path": "/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin:/usr/X11/bin:No such file or directory" 
}
 

옮겨 적기 힘드니 ... 카피해서 붙여넣어주자. 저장은 자기가 원하는 이름으로 저장하면된다.

요렇게 해주고난 뒤에 ctrl +b 를 눌려주면 sublime Text 에서 빌드가 된다.

 

 

코드 자동완성

 

개발환경은 따로 어려운 건 없고, 그냥 node.js 소스가 자동완성 되도록 해줄꺼다.

 

SublimeCodeIntel이라는 애를 설치 해줄건데 얘는 JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP 에 대한 코드들에 대해 자동완성을 해준다.

 

사용법은 ctrl +space를 눌려주면 된다.

 

다들 node.js 잘 세팅하고 쉽게 쉽게 개발하자.