[Text Editor] sublime text4 다운로드 및 plugin 설치

글 수정 (22.05.24)

내 운영체제 : macOs Monterey (12.2.1)

 

이 포스팅을 보는 사람이 그나마 제일 많아서 22년 버전으로 수정하였다.

sublime text3였는데 어느새 4가 나왔다. 

요즘에는 좋은 툴들이 많아서 sublime text는 잘 안쓴다. 

그래도 한번 깔아본다. 유용한 플러그인은 그대로 두겠다.

 

 

sublime text4 다운로드

 

1. sublime text라고 검색해준 후 Download-Sublime Text 클릭

 

바로가기 : https://www.sublimetext.com/3

Download - Sublime Text

 

2. 자신의 컴퓨터 OS에 맞는 버전을 다운로드 한다. 

 

3. 다운로드 완료

음.. UI가 맘에 든다 ㅋㅋ 자동완성도 알아서 잘 되서 좋다.

 

plugin 설치

 

 

1. plugin 설치를 위하여 package control을 설치해야한다. 소스 첨부 방식은 없어졌다.

바로가기 :https://packagecontrol.io/installation 

Installation - Package Control

 

 

2. Command Palette로 설치해보겠다.

     sublime text를 실행해서 Win/Linux: ctrl+shift+p, Mac: cmd+shift+p 를 누르면 위에 Command Palette 창이 나온다.

    Install Package Control 검색

3. 설치가 완료 되었다. Command Paletted에서 package control:install 를 누르면 플러그인 설치 준비가 된다. ( 캡쳐 못함 ㅠ )

4. package control:install 를 실행하면 설치할 수 있는 플러그인이 나온다.

 

 

5. 자 이제 필요한 plugin들을 검색해서 다운로드 받아주면 된다.  대표적으로 젠코딩을 도와주는 emmet을 깔아준다.

    emmet ~~ 이렇게 붙어있는거 말고 emmet을 다운 받아야 한다.

    그리고 다른 plugin을 다운 받고 싶으면 package control:install을 다시한번 눌러주고 그다음에 깔고 싶은 plugin을 다운받아야한다.

** package control : install package  ---->  emmet   ----> pakage control : install package ----> IMEsupport 이런식으로 설치를해주어야한다.**

대표적으로 많이 사용하는 plugin 들 

 

정리가 잘 되어있는 곳을 발견하여 퍼왔당! 나도 참고해야징!

BracketHighlighter

• URL : https://github.com/facelessuser/BracketHighlighter
• {}, [], <>, “”, ‘’, () 와 같은 개행 기호에 대해서 쌍으로 존재해야 닫힘 기호를 하이라이트 처리해주는 확장 기능
• 기본설정은 아래와같습니다.

Preferences > Package Settings > Bracket Highlighter > Bracket Setting-user

{     "bracket_styles": {         "angle": {         "color": "entity.name.class",         "style": "outline"         },         "tag": {         "color": "entity.name.class",         "style": "outline"         },         "default": {         "color": "entity.name.class",         "style": "solid"         }     } } 

SideBarEnhancements

• URL : https://github.com/titoBouzout/SideBarEnhancements
• 왼쪽의 Sidebar에 대해 확장기능을 제공해 준다. Sidebar에 오른 클릭시 유용한 메뉴들이 나타난다.

SFTP

• URL : http://wbond.net/sublime_packages/sftp
• 서브라임텍스트와 같이 성장했다고 할 수있는 대표적인 플러그인이다.
• 개발자 입장에서 SFTP에 한번 사용해봤다면 다른 FTP프로그램은 불편해서 사용할 수 없게 만드는 마성의 매력을 가지고 있다.
  사용법이 생소해서 처음 이해하기는 조금 어려울 수 있으나 학습해서 익힐만한 충분한 가치가 있다.

DocBlockr

• URL : https://github.com/spadgos/sublime-jsdocs
• javascript등 문서에 주석을 효율적으로 달 수 있다. 프로 프로그래머라면 주석은 착실히 달아야 한다.
• /** 입력하고 Enter를 치면 주석이 자동으로 달린다

AutoBackups

• URL : https://github.com/akalongman/sublimetext-autobackups
• 이름에서도 알수 있듯이 편집하고 있는 문서에 대해서 자동으로 백업을 해주는 플러그인 이다.
  프로라 할지라도 편집하다 날려먹으로수도 있으니 꼭 Backup하는 습관을 들이자. 그것이 힘들다면 Auto의 힘을 빌려도 된다.

SublimeCodeIntel

• 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 을 누르면 변수가 지정되어 있는 파일로 자동으로 이동해 준다.
• ctrl + j 키를 누르면 심볼로 이동한다.

SublimeLinter

• URL : https://github.com/SublimeLinter/SublimeLinter
• 코딩할때 실시간으로 문법을 검사해 준다. 초급때 문법을 개을리 했었다면 이 플러그인을 설치하는 것이 쪽팔림을 방지 할 수 있다.
• 해당기능을 사용하기 위해서는 먼저 node.js가 설치 되어 있어야 한다.

프론트엔드 개발을 위한 플러그인 종류

Emmet

• URL : https://github.com/sergeche/emmet-sublime
• ZenCoding을 아시는가? ZenCoding이 발전하여 Emmet이 되었다고 보면 된다. 간단한 단축키를 사용하여 효율적인 코딩이 가능하다.
  약간의 규칙만 익히면 높은 생산성의 코딩이 가능하다.

Prefixr

• URL : http://wbond.net/sublime_packages/prefixr
• Cross browser를 지원하는 플러그인이다. 하나의 CSS를 작성하면 자동으로 Cross browser에 맞게 CSS를 생성해 준다.

HTML-CSS-JS Prettify

• URL : https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify
• HTML, CSS, JS에 대해서 코딩을 이쁘게 정렬해주는 기능을 제공해 준다.
• Ctrl + Shift + H 키를 누르면 코드가 이쁘게 정렬된다.

FuzzyFilePath

• URL : https://packagecontrol.io/packages/FuzzyFilePath
• 이미지나 파일의 경로를 자동으로 알려주는 플러그인
• Ctrl+Alt+Space : inserts filepaths relative, overriding possible settings
• Ctrl+Shift+Space inserts filepaths absolute, overriding possible settings

출처: http://jos39.tistory.com/243 [JOS39 블로그]

 

 

글쓰다보니까 너무너무 귀찮긴하다. 꼼꼼하게 하려고 하다보면 더욱더.. 그래도 유용한 정보가 되길 ㅠ.ㅠ  메리크리스마스!