본문으로 바로가기

서브라임 텍스트는 마우스 사용을 멀리하는게 철학인 듯 싶은데 그로 인해 익숙해지기 전까지는 불편한 점도 없지 않습니다. 또한 사이드바에서 수행할 수 있는 기능이 매우 적어 이를 확장시켜야 좀 더 편리하게 사용할 수 있습니다.

Side​Bar​Enhancements 소개

사이드바의 파일과 폴더에 향상된 기능을 제공한다. 특히 휴지통으로 이동, 설치된 프로그램으로 열기, 클립보드등을 제공한다. 새파일, 새폴더, 수정, 열기 및 실행, 새창으로 열기등 다양한 기능이 계속 추가되고 있다. 또한 파일을 수정한 날짜나 상태표시줄 페이지의 파일 크기등을 표시할 수 있다.

Side​Bar​Enhancements 설치

  1. 서브라임 텍스트를 실행한 후, 단축키 Ctrl+Shift+P로 Command Palette를 불러온다.
  2. install을 입력하면 자동완성되는 Package Control: Install Package를 선택하고 엔터를 누른다.
  3. encoding을 입력하여 Side​Bar​Enhancements가 검색되면 선택한 후, 엔터를 눌러 설치한다.

Side​Bar​Enhancements F12 Key

2.122104 버전 이후로 더 이상 F12키가 작동하지 않는다. 이를 단축키에 수동적으로 추가해야 한다.

F12키는 현재 파일을 브라우저에서 열 수 있다.

  • url_testing은 F12키로 로컬서버의 URL을 설정한다.
  • url_production은 Alt + F12키로 실제 서비스할 서버의 URL을 설정한다.

절대 경로

  • 어떤 파일이든 사이드바에서 마우스 우클릭으로 선택 : "Project > Edit Projects Preview URLs"
  • 아래와 같은 구조로 경로와 URL을 추가한다 :
    {
        "S:/www/domain.tld":{
            "url_testing":"http://testing",
            "url_production":"http://domain.tld"
        },
        "C:/Users/luna/some/domain2.tld":{
            "url_testing":"http://testing1",
            "url_production":"http://productiontld2"
        }
    }
    

상대 경로

다음과 같은 구조의 프로젝트가 있다고 해보자.

Project/ < - root project folder
Project/libs/
Project/public/ < - the folder we want to load as "http://localhost/"
Project/private/
Project/experimental/ < - other folder we may run as experimental/test in another url "http://experimental/"

그 다음 구성 파일을 작성 :

Project/.sublime/SideBarEnhancements.json
{
    "public/":{
        "url_testing":"http://localhost/",
        "url_production":"http://domain.tld/"
    },
    "experimental/":{
        "url_testing":"http://experimental/",
        "url_production":"http://domain.tld/"
    },
    "":{
        "url_testing":"http://the_url_for_the_project_root/",
        "url_production":"http://the_url_for_the_project_root/"
    }
}

어디든지 some/folder/.sublime/SideBarEnhancements.json의 경로로 설정파일을 만들수 있다.

F12키 충돌

서브라임 텍스트3부터 F12키가 goto_definition 명령어의 단축키가 되었다. 키가 중복되어 이 플러그인이 사용하던 F12키를 사용하고 있지 않으니 이를 등록해야 한다. Preferences > Package Settings > Side Bar > Key Bindings - User로 이동해서 수정한다.

[
        { "keys": ["f12"],
            "command": "side_bar_open_in_browser" ,
            "args":{"paths":[], "type":"testing", "browser":""}
        },
        { "keys": ["alt+f12"],
            "command": "side_bar_open_in_browser",
            "args":{"paths":[], "type":"production", "browser":""}
        },
        {
            "keys": ["ctrl+t"],
            "command": "side_bar_new_file2"
        },
        {
            "keys": ["f2"],
            "command": "side_bar_rename"
        },
    ]

Open With 메뉴의 참고 사항

정의 파일 : User/SideBarEnhancements/Open With/Side Bar.sublime-menu

프로젝트의 어떤 파일이든 마우스 우클릭으로 클릭한 후, Open With > Edit Applications...을 선택한다.

//application 1
{
    "caption": "Photoshop",
    "id": "side-bar-files-open-with-photoshop",
    "command": "side_bar_files_open_with",
    "args": {
        "paths": [],
        "application": "Adobe Photoshop CS5.app", // OSX
        "extensions":"psd|png|jpg|jpeg",  //any file with these extensions
        "args":[]
    }
    "open_automatically" : true // will close the view/tab and launch the application
},

검색이 날 구원했네...

이 플러그인에는 검색기능 또한 포함되어 있다. 파일안의 텍스트를 검색해주는 기능을 포함해서 말이다.

필자는 얼마전에 구버전의 jQuery(1.8.3)를 여기저기에 사용한 웹프로젝트를 최신의 jQuery로 변경하는 작업을 하게 되었다. 그 프로젝트 파일은 1800여개에 달하였는데, 눈에 띄는 곳만 수정하다 에러 발생의 원인을 파악하기 힘들어서 파일 하나 하나를 열어보았었다. 2시간 정도 같은 작업을 반복하다가 문득 서브라임텍스트에 검색기능이 있지 않을까 해서 찾아봤는데 이 플러그인에 그 기능이 포함되어 있었다.

물론 해당 프로젝트는 jQuery Migrate 사용으로 전환되었지만, 그래도 바보같은 짓은 면할수 있었다. 직접 사용해보라!