[HTML]step.1 VScode 환경설정 (live server 설치)

[live server 설치 ]vscode 왼쪽 사이드바 EXTENSIONS(확장)에서 설치 , 완료 후 vscode는 다시 실행 한다.

vscode에서 html 코딩 후 실제 화면을 보기위한 툴

 

 

[live server 실행] 오른쪽하단에 Go Live가 실행된 모습을 볼수 있다. 클릭시 웹페이지 형태로 태그가 보여진다. 

 

웹페이지에 태그가 나타난모습

 

commnad + O + L => 실행단축키

 

여기까지 환경설정이 완료

 

감사합니다.