VS Code - Live Server 코드 실행

HTML & CSS/HTML

꿈다루 2020. 5. 25. 15:59

코드 작성 후 코드를 브라우저에 띄어서 원하는 결과 확인 하는 기능

1. Extensions >> live server 검색 >> Install(설치)

2. 코드 입력 후 하단의 Go Live 클릭

3. 코드가 실행되어 브라우저 창이 열리고 코드 결과 확인 가능

하단의 Go Live => Port:5500 으로 변경 (5500port를 통해 브라우저를 열어준 것)

* Port를 끄고 싶을 경우 *

Port:5000 클릭 하면 다시 Go Live로 변환

html의 환경에서 내용을 바꾸거나 브라우저에서 새로고침을 하여도 변경사항 적용 안됨.

4. 우클릭 >> Open with Live Server 클릭 하여도 브라우저로 화면 결과 확인 가능

>> 결과