서브라임 텍스트 3 한글 기본 설정 및 제거 (개인적인)

Sublime Text

유, 무료로 외국계 크로스 플랫폼 텍스트 에디터.

주로 프론트엔드 프로그래밍에 사용됩니다. 이외에도 Atom이나 VS Code 등 최근에 나온 에디터도 있습니다. 하지만 저는 서브라임텍스트(Sublime Text)를 주로 사용합니다.

1. Package Control 설치

SublimeText에서 테마나 확장 기능을 손쉽게 설치하고 제거하기 위해 Package Control을 설치합니다.

메뉴의 tool > Command Palette...을 클릭하여 패키지 설치창에 install Package Control을 찾아 설치합니다.

설치가 완료되면 나타납니다.

패키지 창이 나타나면 검색란에 install이라고 하면 화면처럼 install Package Package가 보이고 선택할 수 있습니다.

잠시 기다리면 위의 패키지 검색창이 나타납니다.

...

2. 한글 깨짐 - ConvertToUTF8

이 서브라임텍스트는 외국 프로그램이라 한글이 깨져 보일수도 있습니다. (EUC-KR 문서)

위에서 먼저 설치된 Package Control로 들어가서 'install Package'를 클릭합니다.

패키지 검색창에 'ConvertToUTF8'를 입력하여 나오는 패키지를 클릭해서 설치합니다.
이후 해당 파일(EUC-KR)은 File > Set File Encoding To > Korean (EUC-KR) 메뉴를 클릭하면 보입니다.

...

3. 한글 입력 - IMESupport

위에 패키지를 설치 후 한글을 입력부분에서 한글 입력 시 한 박자 늦게 입력되는 현상이 있습니다. 'IMESupport'를 설치하면 그런 현상이 없어집니다. 설치 부분은 위와 동일하게 'Package Control : install Package'까지 들어갑니다.

위의 'IMESupport'로 검색하면 찾은 화면에서 클릭하여 설치합니다. 그 후에 한글 밀림 형상이 없어진 것을 확인하시면 됩니다.

...

4. 기타 개인적인 추가 package

1. color Highilghter (css에서 color들을 직접 보여줍)
2. Color Picker (cmd+shift+c 단축키)
3. SideBarEnhancements (브라우저 미리보고 단축키활성화https://blog.naver.com/thdbsgh3443/221150376153)
4. html-css-js prettify ("Ctrl+Shift+H" 코드를 아름답게 정리해준다.) (node.js가 설치되어야 한다.)★
5. python checker
6. AllAutocomplete (자동완성을 도와줍니다.)
7. AutoFileName (자동으로 파일의 위치경로를 알려줍니다.)
8. Emmet ("<ul>li*5> + tab" html 구조짤때 도와준다.)
9. GitGutter (Git을 사용하고 있다면 필수!코드작업시에 이전 작업에서 수정된 부분과, 현재 작업을 진행하고 있는 부분을 확인시켜 주기 때문에 무척 도움이 됩니다.)
10. Goto-CSS-Declaration (조건 html,css파일 모두 열어놓은 상태에서 가능)단축키: (control + command + >(방향키))(html에서 사용되고 있는 클래스를 선택한후 해당 옵션을 선택하면 자동으로 CSS의 해당 클래스로 이동됩니다.)
11. LESS (css 파일을 좀더 효율적으로 유지하기 위해서, LESS파일 => css파일로 변환(자동 컴파일해준다.)
12. LESS-build (컴파일 해주는데 min.css 와 .css로 변환 한것인지 선택 사항이다.)
13. SCSS (SASS를 작업할때 Sublime에서는 Syntax가 적용되어 있지 않기 때문에 구분이 힘듭니다. 이 플러그인을 적용시킴으로 해서 알아보기 쉬어집니다.)
14. SublimeLinter (Lint의 경우는 각종 문법오류를 체크해줍니다. 작업하는 순간에 오류를 체크해주기 때문에 실수를 상당수 줄여줍니다.)
15. BracketHighlighter (해당 패키지는 Tag의 열고,닫는 부분을 알기 쉽게 표시해 줍니다.)
16. Trimmer (불필요한 공백 또는 tag의 위치를 단축키로 조절할수 있다.)
17. 테마- (TwoStones, Adventure Time, Brogrammer, Grandson of Obsidian)
18. CSS Format ( css 를 여러가지 방법으로 정렬시켜준다.) ★
19. JQuery ( JQuery 자동완성 기능이 추가된다.)
20. LiveStyle ( 개발자도구를 열어놓고 수정을 하면 css에 바로 수정이 된다. 반대도 가능하다.)- emmet livestyle 이란 프로그램과크롬 브라우저 확장프로그램이 필요
21. Terminal (터미널 열기 :Ctrl + Shift + t,현재 프로젝트 폴더 열기 :Ctrl + Shift + Alt + t)
22. A File icon (사이드 바의 요소를 꾸며주어 가독성을 높여준다.)★

5. 설정 변경

처음 설치하면 설정된 글꼴이나 기타 부분이 디폴트값으로 되어 있습니다. 이 부분에서 개인적으로 필요한 것을 적으시면 됩니다.

메뉴에서 Preferences > Settings 를 클릭하여 설정 파일을 열어 User파일에 개인 설정을 추가합니다.

Preferences.sublime-settings 파일

{
  "ignored_packages":
  [
    "Vintage"
  ],
  "font_face": "나눔고딕", // "BC 카드 L",
  "font_size": 13,
  "tab_size": 2,
  "word_wrap": true,
  "color_scheme": "Monokai.sublime-color-scheme",
}

...

6. 추가 - Sublime Text 제거

윈도 버튼을 눌러 시작 메뉴에, 설정에 들어가서 프로그램 추가/제거(win10. 앱)로 들어간 후, 거기에서 서브라임텍스트을 찾아 제거해주시면 됩니다.

6-1. 기타 파일 제거 (중요!)

사람마다 컴퓨터마다 다를 수 있겠지만 저의 경우,

C: > 사용자 > 사용자이름 > AppData > Roaming 에 있는 Sublime Text 폴더 제거
C: > 사용자 > 사용자이름 > AppData > Local 에 있는 Sublime Text 폴더 제거