서브라임 텍스트 플러그인 - SideBarEnhancements(사이드바 향상)

Sublime Text 2 에디터는 사이드바라는 개념이 있습니다. 물론 다른 에디터에도 있긴 있지만 여기서는 기본적으로 제공하는 에디터의 사이드바 기능보다 좀더 확장해서 사용하는 방법을 알아보겠습니다.

 

[플러그인] SideBarEnhancements(사이드바향상) Open With 환경설정하는법 > http://demun.tistory.com/2394

[플러그인]Sublime text(서브라임텍스트) Sidebar Enhancements(사이드바의 향상된 기능) 두번째 -> http://demun.tistory.com/2386

[플러그인]Sublime Text(서브라임텍스트) Sidebar Enhancements(사이드바의 향상된 기능) -> http://demun.tistory.com/2385

에디터로 작성한 다음 브라우져에서 보려면 탐색기를 열어서 해당파일 예를들어 index.html 이면 이 파일을 떠블클릭 또는 마우스 우측버튼으로 브라우져로 열기를 해야 합니다.

이 한가지 메뉴만 보더라도 매우 번거로운 일이 아닐수 없습니다.

이러한 기능을 포함해서 다양한 메뉴를 사용할 수 있도록 하는것이 사이드바 확장(Sidebar Enhancements) 입니다.

Sublime Text 2를 설치한후 사이드바 확장을 설치하지 않았다면 기본적으로 아래처럼 보입니다.

 

 

사이드바 확장(Sidebar Enhancements)을 사용하려면 먼저 명령팔렛트를 불러와서 Control Package 를 설치한 다음 사이드바 확장(Sidebar Enhancements)을 설치하면 됩니다.

먼저 Package Control 설치.

  

 

 

사이드바 확장(Sidebar Enhancements) 설치.

 

 

그럼 끝입니다. 어떤 기능이 있나 한번 눌러볼까요?

사이드바에서 우측 버튼을 클릭합니다.

 

 

간단하게 브라우져로 열기를 클릭해보세요.

사이드바 확장(Sidebar Enhancements)를 설치하면 기본 폴더(C:\Users\demun\AppData\Roaming\Sublime Text 2\Packages) 에 SideBarEnhancements 라는 폴더가 생깁니다.

윈도우의 경우는 Default (Windows).sublime-keymap 파일을 열어봅니다.

 

 

그럼 아래처럼 단축키를 볼 수 있습니다.

F12 키군요.

 

 

이제 에디터에서 바로 F12 를 눌러 브라우저로 바로 열어 볼 수 있습니다.

 

Sidebar Enhancements 는 Sublime Text(서브라임텍스트)의 사이드바 기능을 좀 더 향상시킨 기능을 제공합니다.

사이드바 확장은 기존 서브라임 텍스트 2에서 사용하던것에서 3버젼이 발표되고 플러그인도 업데이트 되었습니다.

이전 SidebarEnhancements => https://github.com/titoBouzout/SideBarEnhancements

업데이트 된 SidebarEnhancements => https://github.com/titoBouzout/SideBarEnhancements/tree/st3

업데이트 된 사이드바 향상(Sidebar Enhancements) 는 Sublime text 2,3 모두 지원합니다.

특히 삭제,이동, 닫기, 이름 바꾸기 등 명령에 관한 여러가지 기능을 제공하며 기본으로 제공기능은 New File(새파일 만들기), New Folder(새폴더 만들기), Edit(수정), Open(열기)/Run(실행), Open In Browser(브라우져로 열기), Open In New Window(새창으로 열기-서브라임텍스트로 염) 등 다양합니다.

또한 파일을 수정한 날짜나 상태표시줄 페이지의 파일 크기등을 표시할 수 있다고 합니다.

 

설치

설치하는 방법은 대략 3가지가 존재합니다.

1. git 을 이용하는 방법.

2. git 에서 다운로드해서 폴더에 붙여넣기 하는 방법.

3. Sublime text 에서 Package Install 을 이용하는 방법.

아무래도 가장 간단한것은 3번 입니다.

Ctrl + Shift + P -> SideBarEnhancements 를 입력하고 엔터를 클릭하면 SideBarEnhancements 플러그인이 설치가 됩니다.

 

설치 후 서브라임텍스트를 재시작하는 것이 좋습니다.

 

F12

F12는 브라우져로 현재 파일을 열 수 있습니다.

 

F12(url_testing) 또는 Alt + F12(url_production) 를 통해 현재 파일을 브라우져로 열 수 있으며, url 도 수정할 수 있습니다.

절대 경로

사이드바의 파일을 마우스 우클릭으로 클릭하면 Project -> Edit Projects Preview URLs 을 클릭할 수 있습니다.

 

 

그러면 아래처럼 수정할 수 있습니다.

위에서 말한 F12에 대한 url 을 수정해서 열 수 있다는 이야기 입니다.

 

 

상대경로

절대경로가 아닌 상대경로로도 설정이 가능합니다.

프로젝트를 사용할 경우 아래처럼 한다고 가정하면

 

 

프로젝트에 사이드바 향상 플러그인의 사용자 설정을 할 수 있습니다.

그 설정은 프로젝트의 jsom 파일에서 설정합니다.

Project/.sublime/SideBarEnhancements.json

 

 

제가 프로젝트로 해보지는 않아서 뜻이 정확하게 전달되었는지는 잘 모르겠습니다.

연결 메뉴(Open With) 구성에 대한 참고사항

Open With 연결메뉴는 사이드바에서 마우스 우클릭하면 나오는 메뉴중에 하나 입니다.

그부분을 사용자 설정에 맞게 수정할 수 있습니다.

해당 파일은 패키지 폴더안에 유저폴더 안에 위치합니다. 서브라임텍스트 2를 예로 전체 경로를 보여드리겠습니다.

Sublime Text 2\Packages\User\SideBarEnhancements\Open With\Side Bar.sublime-menu

폴더에서 찾아도 되고 해당 파일을 열려면 사이드바에서 파일에서 우클릭하면 나오는 메뉴에서 Open With 를 찾아들어가도 됩니다

 

 

이번에는 사용하다가 편리한점, 또는 사용법에 대한 부분을 좀더 자세히 알아보겠습니다.

Sublime Text(서브라임텍스트) Sidebar Enhancements(사이드바의 향상된 기능) 중에서 Open With 라는 기능에 대해서 이야기 합니다.

 

Open With

 

 

사이드바 기능중에서 Open With 는 해당 파일을 어떤 프로그램으로 연결하여 열도록 하는 메뉴입니다.

예를들어 html 파일의 경우 크롬으로 열수도 있고, 익스플로러로 열수도 있고, 이미지의 경우는 포토샵으로 열수도 있고, 이미지뷰어로 열수도 있고.... 등등 원하는 연결 프로그램을 지정할 수도 있고, 지정한 후 실행할 수도 있습니다.

설정하는 방법부터 알아보겠습니다.

서브라임 텍스트에서 사이드바를 열고(Ctrl + K, Ctrl + B) 해당파일에 마우스 우클릭을 합니다.

그럼 메뉴가 열리는데요. Open With - Edit Applications 로 갑니다.

 

 

그럼 Side Bar.sublime-menu 라는 파일을 엽니다.

이 파일은 패키지폴더 즉 Sublime Text 2\Packages\User\SideBarEnhancements\Open With 폴더 안에 있습니다. 참고로 알아두세요.

그럼 대략 아래와 같은 코드로 되어있는 파일이 열립니다.

 

 

여기서 맨 아래보시면 Chrome 이 있는데요. 경로가 틀릴수도 있습니다.

현재 크롬이 설치되어 있다면 설치되어 있는 경로의 chrome.exe 를 지정하면 됩니다.

추가적으로 파이어폭스, 익스플로러 등 더 연결시킬수 있습니다.

방법은 그대로 복사해서 경로와 파일명만 변경해주면 됩니다.

 

 

이런식으로 연결하면 Open With 의 메뉴가 아래처럼 나옵니다.

 

 

 

이건 브라우져의 경우고, 다른 프로그램도 똑같이 사용하시면 됩니다.

기타 사이드바 향상의 기능들은 이름을 변경한다거나, 파일을 옮기고, 수정하고, 삭제하고 하는등의 작업을 할 수 있습니다.

또 텍스트를 인코딩하는 명령과, 찾기에 관한 메뉴들이 있습니다.

찾기(Find Advanced)는 좀 더 세밀하게 찾을 수 있습니다.

폴더에서 찾을수있고, 부모에서 찾을수 있고, 또 어떠한 확장자를 가진 텍스트를 찾을수 있고....

아래는 예제로 이미지를 하나 찾아보았는데...결과창으로 경로와 텍스트를 모두 보여줍니다.

 

 

Sublime text(서브라임텍스트) Sidebar Enhancements(사이드바의 향상된 기능) 은 많은 기능이 있습니다.

저도 미쳐 사용해보지 못한 기능들이 너무 많아서 모두 설명을 드리기는 힘들군요.

나머지 부분에 대해서는 차차 사용해보고 좀 더 보강하도록 하겠습니다.

 

출처 : http://demun.tistory.com/2385