공부/꿀팁

visualstudio code에 html실행

Cow_Hacker 2021. 1. 13. 14:30
728x90

visualstudio code로도 html작업을 하고 실행할 수 있는 방법에 대해 알아보겠다.

 

 

 

첫 번째 사진에서부터 시작한다.

 

 

 

 

 

 

Ctrl + Shift + x

단축키 : Ctrl + Shift + x를 눌러준다.

 

 

 

 

 

open in browser

위 단축키를 누르면 검색창이 나오는데 검색창에다가 open in browser를 설치하면 된다.

 

 

 

 

 

 

<!DOCTYPE html>
<html>
    <head>
        <title>test_site</title>
    </head>

    <body>
        <h1>test_page</h1>

    </body>
</html>

간단한 html 소스를 작성해본다.

 

 

 

 

 

 

Alt + B

 

위 단축키를 눌러보면 html페이지가 정상 적으로 작동하는 모습을 볼 수 있다.

 

 

 

 

 

 

 

 

728x90