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 를 눌러 브라우저로 바로 열어 볼 수 있습니다.


참고링크

[Design/코딩] - Sublime Text 2에서 Prefixr 사용하는 방법

[Design/코딩] - Sublime Text 2에서 Emmet 사용하는 방법

[Design/코딩] - Sublime Text 2에서 Zen Coding을 사용하는 방법

[Design/코딩] - Sublime Text 2에서 Zen Coding 설치하는 방법

[Design/코딩] - Sublime Text 2에서 Package Control 설치하는 방법

[Design/코딩] - 추천 에디터 Sublime Text 2