[아톰(Atom)/패키지] open html in browser(HTML만 작업물 브라우저로 바로 띄우기)

이건 HTML 파일만 해당됩니다.

ASP, JSP, PHP는 서버가 돌아가야 하기 때문에 안되요.

그냥 HTML 파일을 더블클릭한 것과 같은 효과를 봅니다.

(사실 다른 패키지로 ASP, JSP, PHP 돌아가게 할 수 있는데... 서버를 돌리는걸 아셔야 합니다. 다음에 포스팅 하겠습니다.)

패키지 설치

우선 먼저 단축키로 패키지 설치하는 창으로 들어갑니다.

윈도우의 경우 : 컨트롤 + 쉬프트 + P -> 입력후 install packages 입력후 엔터

맥의 경우 : 커맨드 + 쉬프트 + P -> 입력후 install packages 입력후 엔터

이렇게 창이 뜨면 검색창에 open in browser 을 입력 후 엔터를 누릅니다.

그러면 아래 스샷과 같은 패키지를 다운 받습니다. 제작자 aki77 을 기억하세요.

그리고 저희는 단축키를 사용해서 브라우저를 띄워야 의미가 있으니깐 아래 스샷처럼 빈 공간을 클릭해 봅니다.

이렇게 들어왔는데 스크롤을 조금만 아래로 내려 보시면 Keymap 라는 곳의 부분을 드래그로 긁어 옵니다.

그 다음 아랫 스샷과 같은 경로로 접근합니다.

윈도우의 경우 : File -> Keymap... 을 누릅니다.

맥의 경우 : Atom -> Keymap... 을 누릅니다.

이렇게 진행하셨다면 다음과 같은 화면을 보게 됩니다. 적당한 곳에 커서를 위치시킨다음..

이렇게 복사한 내용을 붙혀넣기 해 줍니다.

단축키를 사용해야 의미가 있기 때문에 20번 라인 앞에 'f12' : 를 적어줍니다. 그리고 세이브... 세이브 단축키는 다들 아시리라 생각합니다.

html 파일로 돌아가 f12 버튼을 눌러봅니다.

윈도우 라면 f12 버튼으로 브라우저가 바로 열리지만

맥이라면 fn + f12 이렇게 하셔야 합니다.