Tools/Sublime Text3

sublime Text3 플러그인 설치

장쿨이 2015. 4. 19. 19:27

1. http://www.sublimetext.com/3 이동하여 편집툴을 다운로드 받고 설치.

2.설치 후 sublime Text3 실행 화면이 출력 되면 [Ctrl+ '] (' 키는 번호키 1번 왼쪽에 있다.) 누른 후 아래 화면 처럼 뜨는지 확인 한다. 

 

3. 콘솔 창이 뜨면 패키지를 설치 할 수 있도록 도와주는 패키지 컨트롤을 설치한다.

https://packagecontrol.io/installation 이동후 [SUBLIME TEXT3] 탭에 있는 내용을 드레그하여 콘솔창에 복사한다.

 

4.설치도중 의존성 에러가 출력되면 종료 후 프로그램을 재 실행 한다.

 

 

5. 프로그램이 실행 되면 [Ctrl+shift+p] 버튼을 동시에 눌러 install Package를 선택한다.

 

6. Pacakge Control :Install Package 실행 후 아래와 같은 화면이 보여지면 검색 창에 원하는 플러그인 명을 입력 후 찾는다.

 

7. 다음은  DocBlockr을 설치하는 화면이다.

 

해당 플러그인 목록을 찾은 후 엔터키 입력 하여 진행하면 설치가 진행 되는데 설치가 완료되더라도 아무런 변화가 없는 플러그인도 있으니 설치가 안되었다고 걱정안해도 된다. 에러가 나지 않으면 보통 잘 설치되어 있다.

이후 다른 플러그인을 설치 하려면 [5]번 항목부터 반복한다.

 

 

아래 목록의 패키지를 찾아서 설치 하도록한다.

 

1. Sublime CodeIntel
- link : https://github.com/SublimeCodeIntel/SublimeCodeIntel
웹 개발에 쓰이는 거의 모든 언어(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP)를 지원하고, 개발 시에 코드에서 변수명을 ALT+Click, CTRL+F3 누르면 변수가 지정된 파일로 자동 이동하며, 그 외에 다양한 많은 기능들을 제공하고 있다

2. SideBar Enhancements
- link : https://github.com/titoBouzout/SideBarEnhancements
최초 Sublime text를 설치하고 Sidebar의 File, Folder에서 팝업을 띄우면 간단한 메뉴가 몇 개 나타난다. 이 Plugin을 설치하면 유용한 메뉴들이 추가 된다. 설치가 완료되어 오른쪽 팝업을 띄우면 아래처럼 다양한 메뉴가 나온다.

3. DocBlockr
- link : https://github.com/spadgos/sublime-jsdocs
Java로 프로젝트를 하면, 정해진 규칙에 의해서 철저히 주석을 다는 반면에, javascript에서는 소홀하게 생각하는 경우가 많다. javascript로 점점 복잡하게 프로그램을 작성하는 경우가 많아지고 있는 상황에서, 이 plugin을 이용하면 효율적인 주석을 달 수 있다.

4. Bracket Highlighter
- link : https://github.com/facelessuser/BracketHighlighter
{},[],<>,"",'',() 와 같이 열리고 닫히는 기호가 쌍으로 존재해야 하는 코드를 하이라이트 처리해주는 확장 기능이다.
아래처럼 하이라이트 된다.

5.ConvertToUTF8
- link : https://github.com/seanliang/ConvertToUTF8
 한글이 안깨지도록 도와준다

6.IMESupport
한글입력할때 텍스트창에서 입력값을 보여준다

7. JSLINT,JSONLint (NODEJS 가 설치되어 있어야 제대로 동작한다.)
JS 및 json 검사

 개인적으로 7번 제외한 위의 플러그인은 기본적으로 설치가 되어있어야 한다고 생각한다.
나머지 필요한 플러그인은 각자 찾아서 설치하도록 한다.

 

출처 : http://www.hans.or.kr/2014/01/sublime-text-10.html
          http://blog.naver.com/nanandayo/220291270124