[서브라임텍스트(SubLimeText)/패키지] 작업물을 브라우저로 확인하는 패키지(side bar 패키지)

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다.

이번 패키지의 경우엔

작업물을 브라우저로 확인하는 패키지에 대해 소개한다.

사실 작은것 하나가 굉장히 귀찮아서 그렇다 ㅠㅠ;;

코드를 입력하고

오른쪽클릭해서 브라우저로 보는거란...정말... 으으..

이해를 돕기위해 스샷을 첨부한다.

바로 이 작업을 단축키가 없이 마우스 로만 해야한다...

단축키가 없다...

그게 너무 귀찮을 뿐이였다

패키지 인스톨 에서

바로 sidebar 을 입력하고 엔터!

그러면

저 귀찮은 위의 과정을 생략해도 된다.

그리고

코드를 쓰고 저장한 후에 F12버튼을 눌러보도록 하자. 맥의 경우엔 fn + F12 키를 눌러야 합니다!

오... 신세경... ㅋ

혹시 F12 버튼으로 브라우저가 안뜬다면 셋팅을 이렇게 넣어주면 됩니다.

윈도우즈의 경우엔 상단 메뉴에 'Preference'가 바로 보입니다.

그후 맥 처럼 

Preference -> Key Bindings-User

을 찾아가시면 빈 창이 뜨는데 거기에 아래와 같은 내용을 복사해서 붙혀넣기 하신 후 저장합니다. 그러면 F12 버튼으로 브라우저 창을 띄울 수 있습니다.

[
    { "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"
    },
]

/* 160926 추가 */

서브라임을 업데이트 하셨다면 이제 더이상 해당 패키지가 install package 로 검색이 안되더군요 그래서

https://github.com/titoBouzout/SideBarEnhancements

이 주소로 직접 들어가신 후 우측의 Clone or download 를 눌러 파일을 다운로드 해줍니다.

다운로드가 완료 되면

숨김 폴더를 보이게 처리해 줍니다. (이건 피씨의 설정에 따라 안해주셔도 보일 경우가 있습니다.)

좌측 상단의 메뉴 중

구성 -> 폴더 및 검색 옵션

보기 -> 숨김 파일, 폴더 및 드라이브 표시

적용 하고 확인버튼 누릅니다.

C드라이브 -> 사용자(폴더명이 'User' 일 수도 있습니다.) -> 사용자명폴더(컴퓨터 셋팅할 때 사용자 이름 입력했을 꺼예요.) -> AppData -> Roaming -> Sublime Text 3 -> Packages 에 압축 받은 파일을 풀어줍니다.

C:\Users\사용자명\AppData\Roaming\Sublime Text 3\Packages

그러면 위의 셋팅을 적용 시킬 수 있습니다.