[HTML] Visual Studio Code 툴에서 Live Server 설치하기

물론, html 파일이 있는 디렉토리로 이동해서 더블클릭해서 브라우저로 확인할 수 있다.

그럴경우, 주소창에는 

file:///Users/jangseongho/Documents/htmlTest/index.html

이런식으로 나오게 된다.

하지만, vs code를 사용한다면 라이브 서버를 설치하여 바로 띄울 수도 있고, 코드 수정 시 리로드없이 적용이 가능하다.

아래 패키지를 설치하면 된다.

주소창에서는

http://127.0.0.1:5500/01_basic_layout.html

이렇게 바뀐다.

참고로, 127.0.0.1는 자기 자신의 로컬호스트이다.

즉, 로컬로 서버를 띄우고, 포트를 5500으로 지정된 것이다.(자동으로)

그리고, 접속을 안 할시, 금방 서버가 종료되므로 다시 접속해서 사용해야한다.