728x90
반응형

이건 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 이렇게 하셔야 합니다.

반응형