JJUNNAK's
vscode 에서 html 작성하고 바로 확인하기 본문
html 파일 작성
vscode 에서 html 파일을 만들고 작성하는것은 매우 간단하다
1. Open Editors 에서 New Untittled File 클릭

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


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


html 실시간 확인하면서 작업하기
html 파일을 만들고, 저장하고, 인터넷브라우저로 들어가면서 일일히 확인할 필요없이
Live Preview 모듈을 사용하면 실시간으로 vscode 에서 확인하면서 작업을 할 수 있다.
- 왼쪽의 Extensions 클릭. ( 단축키 : ctrl + shift + x )

2. Live Preview 모듈 설치

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


Comments