[Sublime Text 3] 다시 설치하기.

기존 서브라임 텍스트2에서 지원 안되는 플러그인이 많기 때문에,

(서브라임 2나오고 계속 썼으니 대충 1년은 넘게 사용하다가 신규 버젼으로 설치)

새로이 서브라임 텍스트 3버젼으로 셋팅했음.

1. 최신 빌드 버젼으로 설치

- Portable 버젼을 추천함.

https://www.sublimetext.com/3

2. Package Control 설치

- view > show console 을 누르면 하단에 콘솔 입력창에 뜸. 해당 입력창에 하단 URL에서 제공하는 파이썬 코드를 입력하면 됨.

  https://packagecontrol.io/installation

3. 플러그인 및 필요 패키치 설치

 - SidebarEnhancements

 - Material Theme(http://equinusocio.github.io/material-theme/)

 - ConvertToUTF8(인코딩 깨짐 설정)

 - IMEsupport(한글 입력 관련)

 - Babel(ES6 highlighting)

4. 단축키 설정(Preferences > key bindings - user)

※ 본인에게 필요한 단축키 값은 여기에 넣어놓으면 됨.

{"keys": ["ctrl+alt+m"], "command": "toggle_menu"} // Reindent(재정렬)

{"keys": ["ctrl+alt+m"], "command": "toggle_menu"} // Menu Toggle(상단 메뉴 Toggle)

※ 설정 예시

[
   { "keys": ["ctrl+shift+i"], "command": "reindent"}, // Reindent
   { "keys": ["ctrl+alt+m"], "command": "toggle_menu"} // Menu Toggle    
]
 

5. 기타 유저 설정

※ Material 테마 설치 후 사이드바 테마 적용이 안되는 문제가 있다.(문제까지는 아니고 설정을 변경을 안해놓는게 디폴트인거 같다.)

  "theme": "Material-Theme.sublime-theme"

  -> 상단 json 내용을 넣어줘야지 사이드바까지 제대로 적용이 됨.  

-> 정상 테마 적용 후 화면

※ 설정 예시

- Material theme 설정은 하단 참고 URL에 있으니, 가서 본인에게 맞는 설정으로 변경하면 됨.

{
    "always_show_minimap_viewport": true,
    "bold_folder_labels": true,
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme-OceanicNext.tmTheme",
    "font_face": "Monaco",
    "font_options":
    [
        "gray_antialias",
        "subpixel_antialias"
    ],
    "font_size": 13,
    "ignored_packages":
    [
        "Vintage"
    ],
    "indent_guide_options":
    [
        "draw_normal",
        "draw_active"
    ],
    "line_padding_bottom": 3,
    "line_padding_top": 3,
    "material_theme_accent_blue": true,
    "material_theme_accent_cyan": true,
    "material_theme_accent_indigo": true,
    "material_theme_accent_lime": true,
    "material_theme_accent_orange": true,
    "material_theme_accent_pink": true,
    "material_theme_accent_purple": true,
    "material_theme_accent_red": true,
    "material_theme_accent_yellow": true,
    "material_theme_bold_tab": true,
    "material_theme_compact_panel": true,
    "material_theme_compact_sidebar": true,
    "material_theme_contrast_mode": true,
    "material_theme_disable_fileicons": true,
    "material_theme_disable_folder_animation": true,
    "material_theme_disable_tree_indicator": true,
    "material_theme_panel_separator": true,
    "material_theme_small_statusbar": true,
    "material_theme_small_tab": true,
    "material_theme_tabs_autowidth": true,
    "material_theme_tabs_separator": true,
    "overlay_scroll_bars": "enabled",
    "theme": "Material-Theme.sublime-theme"
}
 

6. 참고

http://equinusocio.github.io/material-theme/

http://www.slideshare.net/webzealer/sublime-text-editor-3-v14

http://stackoverflow.com/questions/27931448/why-do-sublime-text-3-themes-not-affect-the-sidebar

https://laracasts.com/discuss/channels/general-discussion/sublime-text-sidebar-styling

https://www.sitepoint.com/essential-sublime-text-javascript-plugins/