[HTML] live server 환경 세팅

HTML 문서를 작성하려면 전용 편집기가 필요하다.
웹 개발을 할 때 주로 사용하는 편집기는 Visual Studio Code(VSCode)로 본격적인 HTML을 배우기 전 live server을 환경 세팅을 해보자!

1. Visual Studio Code 다운받기

해당 링크로 들어가면 VSCode를 다운 받을 수 있다.

https://code.visualstudio.com/download

2. Visual Studio Code 실행 하기

다운받은 VSCode를 실행하면 다음과 같은 화면이 뜬다.

3. 왼쪽에 Extensions 누르기

단축키로는 Ctrl+Shift+x를 눌러도 된다.

4. 검색창에 live server 검색

검색창이 하나가 생기고 live server를 검색하여 다운 받아준다.

5. 클릭하여 설치하기

6. GO LIVE 확인

설치 후 오른쪽 하단에 Go live가 생겼는지 확인하고 해당 파일에서 Go live 클릭해주면 끝!!

live server는 변경사항을 바로 바로 확인 할 수 있어 매우 편리한 기능하다.
live server뿐만 아니라 한국어 지원, 태그명 자동 완성 등 다양한 extension 설치를 통해 편리하게 VSCode를 사용 할 수 있다.