Fall in IT.

Visual Studio Code에서 html파일 웹에 실행하는 방법 본문

기타

Visual Studio Code에서 html파일 웹에 실행하는 방법

D.Y 2016. 5. 20. 00:54
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


안녕하세요. 오늘은 Visual Studio Code에서 html 파일을 수정 후, 바로 웹브라우저로 실행하는 방법을 알아보겠습니다.


(제가 한 방법 외에도 여러가지 방법을 통해서, Visual Studio Code 상에서 수정한 코드를 바로 웹상에 띄울수있습니다..)



Visual Studio Code 에서 웹페이지 실행하는 방법
(Mac을 기준으로 설명합니다. 방법은 윈도우도 동일하나, 경로 설정과 같은 부분은 변경해주셔야 합니다.)

  • Command + Shift + P 버튼을 누릅니다.



  • Configure Task Runner를 입력 후(대소문자 상관없습니다.) "Task : Configure Task Runer"를 선택합니다.기존의 내용을 모두 삭제합니다. 



    • 기존의 내용을 모두 삭제하고 아래와 같이 수정합니다.
      {
          "version": "0.1.0",
          "command": "Chrome",
          "osx": {
              "command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
          },
          "args": [
              "${file}"
          ]
      }

    • 단, 해당 경로는 맥북에 설치된 경로 또는 사용할 웹브라우저 맞게 수정해주셔야 합니다.
    • 저장 후, 실행하고자 하는 웹페이지(.html)를 open합니다.

    • Command + Shift + b 단축키를 사용하여 실행하면 됩니다.

    모두 즐거운 코딩하세요~






    1 Comments
    댓글쓰기 폼