SublimeText (서브라임텍스트) 설치 및 초기 설정

 

요즘 에디터로 많이 쓰이는 SublimeText 기본 설정 관련입니다.

 

1. 서브라임 텍스트 설치주소

- https://www.sublimetext.com/3 

 

2. 패키지 컨트롤 설치 (Ctrl + ` 또는 View -> Show Console menu)

- 아래 주소로 접속 후 입력창에 버전에 맞춰 import 문을 복사 후 입력해줍니다.

- https://packagecontrol.io/installation#st3 

 

3. 기본환경 설정 (사용자 설정)

- Preferences -> Settings-User 

{

"bold_folder_labels": true,

"caret_style": "phase",
"draw_minimap_border": true,
"draw_white_space": "none",
"fade_fold_buttons": false,
"font_face": "Bitstream Vera Sans Mono",
"font_size": 11,
"highlight_line": true,
"highlight_modified_tabs": true,
"ignored_packages":
[
"Markdown",
"Vintage"
],
"line_padding_bottom": 1,
"line_padding_top": 1,
"save_on_focus_lost": false,
"tab_size": 4,
"trim_trailing_white_space_on_save": true,
"word_wrap": true

}

 

  

4. 단축키 설정 (이클립스에 맞춰 설정을 했습니다. 기본 설정이 편하신분은 건너띄어도 됩니다)

- Preferences -> Key Bindings

[

{ "keys": ["f12"], "command": "htmlprettify"},

{ "keys": ["f1"], "command": "fold" },
{ "keys": ["f2"], "command": "unfold" },
{ "keys": ["ctrl+l"], "command": "show_overlay", "args": {"overlay": "goto", "text": "@"} },
{ "keys": ["ctrl+space"], "command": "auto_complete" },
{ "keys": ["ctrl+space"], "command": "replace_completion_with_auto_complete", "context":
[
{ "key": "last_command", "operator": "equal", "operand": "insert_best_completion" },
{ "key": "auto_complete_visible", "operator": "equal", "operand": false },
{ "key": "setting.tab_completion", "operator": "equal", "operand": true }
]
},
{ "keys": ["ctrl+d"], "command": "run_macro_file", "args": {"file": "Packages/Default/Delete Line.sublime-macro"} },
{ "keys": ["ctrl+shift+c"], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["ctrl+shift+c"], "command": "toggle_comment", "args": { "block": true } },
{ "keys": ["ctrl+shift+f"], "command": "reindent" , "args": {"single_line": false}},
{ "keys": ["alt+up"], "command": "swap_line_up" },
{ "keys": ["alt+down"], "command": "swap_line_down" },
{ "keys": ["ctrl+alt+down"], "command": "duplicate_line" },
{ "keys": ["shift+ctrl+r"], "command": "show_overlay", "args": {"overlay": "goto", "show_files": true} },
{ "keys": ["ctrl+shift+s"], "command": "save_all" },
{ "keys": ["ctrl+l"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} },
{ "keys": ["shift+ctrl+f4"], "command": "close_all" },
{ "keys": ["shift+ctrl+y"], "command": "lower_case" },
{ "keys": ["shift+ctrl+x"], "command": "upper_case" },

{ "keys": ["ctrl+f"], "command": "show_panel", "args": {"panel": "replace", "reverse": false} },

{ "keys": ["ctrl+h"], "command": "show_panel", "args": {"panel": "find_in_files"} }

]

  

5. 플러그인 설치 (Ctrl + Shift + P > Package Control : Install Package 선택)

- 필요하신 플러그인만 설치하시면 됩니다.

- ConvertToUTF8 : 한글을 사용하시면 필수 플러그인 입니다.

- BracketHighlighter : 쌍으로 닫힘 기능 처리

- SideBarEnhancements : 왼쪽 사이드바 기능 확장

- SFTP : 파일 업로드 및 저장 시 바로 업로드 되도록 설정 가능

- DocBlockr : 자바스크립트 주석 기능 확장

- AutoBackups : 자동 백업

- SublimeCodeIntel : 웹에쓰이는 대부분의 언어에 대하여 변수를 찾아줌

- SublimeLinter : 코딩할때 실시간 문법 검사

- Emmet : 간단한 단축키를 사용하여 효율적인 코딩 가능

- PreFixr : Cross Browser를 지원하는 플러그인. 하나의 CSS를 작성하면 자동으로 Cross Browser에 맞게 CSS 생성해준다

- HTML-CSS-JS Prettify : HTML, CSS, JS에 대해서 코딩을 이쁘게 정렬해주는 기능을 제공

- FuzzyFilePath : 이미지나 파일의 경로를 자동으로 알려주는 플러그인

 

 

참고블로그 : https://jos39.tistory.com/243