JJUNNAK's

vscode 에서 html 작성하고 바로 확인하기 본문

Memo

vscode 에서 html 작성하고 바로 확인하기

최낙준 2023. 1. 13. 03:17

html 파일 작성

vscode 에서 html 파일을 만들고 작성하는것은 매우 간단하다

1. Open Editors 에서 New Untittled File 클릭

2. selcet a Language 클릭하여 html파일 생성.

3. 만들어진 파일에 느낌표(!) 를 입력하고 Tab키를 누르면 html 기본양식이 자동으로 작성된다.


html 실시간 확인하면서 작업하기

html 파일을 만들고, 저장하고, 인터넷브라우저로 들어가면서 일일히 확인할 필요없이

Live Preview 모듈을 사용하면 실시간으로 vscode 에서 확인하면서 작업을 할 수 있다.

  1. 왼쪽의 Extensions 클릭. ( 단축키 : ctrl + shift + x )

2. Live Preview 모듈 설치

3. html 작성후 우측상단 돋보기 아이콘으로 실시간 확인.

 

Comments