[서브라임텍스트(SubLimeText)/패키지] View in browser (브라우저 바로보기)

에디터/서브라임 텍스트(SublimeText) 2016. 10. 9. 21:48

728x90
반응형

약 1년전에 서브라임으로 단축키 한번에 크롬 브라우저 바로 보기 했었던 적이 있습니다.

http://recoveryman.tistory.com/8

근데 요즘 크롬 브라우저 개발자 도구 에서 css 라던지 javascript 라든지 테스트 하기 위해 값을 바꿔 보거나 할때

굉장히 속도가 느렸습니다.

그래서 저는 크롬 브라우저를 삭제했어요.

이유는 보안 프로그램 때문이라고 하는데요. (xx은행이라던지...)


해서 저는 크롬 버전을 바꿔봤습니다.

카나리아 버전이라고 크롬의 가장 최신의 기능을 담고 있다고 합니다.

최신의 기능은 어떤게 있는지 저는 잘 모르겠지만 크롬 브라우저의 개발자 도구 속도 문제 때문에 다른 버전의 크롬 브라우저를 사용해야 겠다고 생각했습니다.


크롬 브라우저 카나리아

https://www.google.co.kr/chrome/browser/canary.html


이렇게 생긴게 있었네요.

노란색 버튼을 클릭하면 다운로드를 진행합니다.

여러 글들을 읽어보면서 이걸 사용하면 크롬 브라우저의 개발자 도구의 속도를 어느정도 개선할 수 있다고 해서 설치 진행했습니다.


하지만..


단 한가지 문제가 있었습니다.

크롬 카나리아 버기본 브라우저 설정이 되지 않습니다.


그렇다는 이야기는...

서브라임 F12 버튼으로 작업한 html 등의 페이지를 기본 브라우저로 바로 띄울 수 있었는데

그게 안된다는 것입니다.


해서 저는 서브라임의 다른 패키지인

View in browser을 설치해서 진행하려 합니다.

맥은... 이걸 사용 할 필요까진 없습니다. 제 느낌상 sidebar enhancements 가 더 좋다 라는 생각도 들고

카나리아를 기본 브라우저로 설정하는 방법이 있습니다.


이건 따지고 보면 크롬 카나리아 버전을 기본 브라우저로 설정하는건 아니고

서브라임에서 크롬 카나리아 버전으로 브라우저를 여는거기 때문입니다.

그렇기에 맥은 방법이 다릅니다.



1. 우선 컨트롤 + 쉬프트 + p 를 누르고 install 을 입력하시면 맨위의

Package Control: Install Package

를 선택하여 줍니다.








2. 그 후 view 만 입력하시면 맨 위에 

View In Browser

이걸 선택하여 설치합니다.








3. 설치가 완료되었으면 상단의 메뉴 중에서

Preferences -> Package Settings -> View In Browser -> Settings - Default

를 선택하여 줍니다.








4. 다음과 같은 view in browser 셋팅 파일이 열립니다.

이 내용을 전부 복사합니다. 

컨트롤 + a : 전체 선택

컨트롤 + c : 복사








5. 다음과 같이 접근을 합니다.

Preferences -> Package Settings -> View In Browser -> Settings - User








6. 그럼 이렇게 빈 창이 뜹니다.


여기에 아까 복사했던 내용을 붙혀넣습니다.








7. 하지만 이상태에선 크롬 카나리아 버전을 사용 못합니다.

그래서 크롬 카나리아 버전의 속성에 들어가 경로를 복사해 줍니다.

시작 메뉴의 크롬 카나리아 버전을 오른쪽 클릭하면 속성을 선택할 수 있습니다.


대상에 있는 경로를 그대로 복사합니다.








8. 서브라임으로 돌아가서 그 경로를 27, 28번 라인에 붙혀넣기 합니다.

라인이 다를 경우 win32 에 있는 chrome 와 chrome64 에 적혀져 있는 경로에 붙혀넣기 합니다.


하지만 잘 보시면 중간중간 붉은색으로 경로에 오류가 있음을 확인할 수 있습니다.

그런 부분에 역슬래쉬 \ 를 한번씩 더 넣어줍니다. 그리고 저장 합니다.








9. 이건 단축키가 조금 틀립니다.

단축키를 바꿔주고 싶은데 어디서 바꿔줘야 할지 경로를 잘 모르겠네요.

일단 view in browser 의 github 페이지에서 단축키를 확인했습니다.

https://github.com/adampresley/sublime-view-in-browser

여기에 다음과 같이 단축키를 사용하라고 제시되어 있습니다.

크롬을 사용하려면  컨트롤 + 알트 + c 로 사용하면 됩니다.

1
2
3
4
5
6
7
[
    { "keys": [ "ctrl+alt+v" ], "command""view_in_browser" },
    { "keys": [ "ctrl+alt+f" ], "command""view_in_browser""args": { "browser""firefox" } },
    { "keys": [ "ctrl+alt+c" ], "command""view_in_browser""args": { "browser""chrome" } },
    { "keys": [ "ctrl+alt+i" ], "command""view_in_browser""args": { "browser""iexplore" } },
    { "keys": [ "ctrl+alt+s" ], "command""view_in_browser""args": { "browser""safari" } }
]
cs



잘 됩니다.

비록 기본 브라우저는 아니지만 속도가 원래의 크롬 브라우저보단 괜찮은 성능의 크롬 카나리아 버전을

서브라임 텍스트에서 단축키로 브라우저를 열 수 있습니다.

반응형