[HTML/CSS 간단 TIP] Visual Studio Code 개발 웹페이지 실시간 확인

웹페이지를 만들면서 바로바로 코드의 결과를 확인하고 싶으신분들!!으

잘 오셨습니다. !!

제가 소개할 프로그램은 Live Server 입니다.

1) 일단 실행시켜 볼만한 파일을 만든 후

2) 화살표가 가르키는 버튼을 선택합니다.

3) Live Server 를 입력한 후

4) 설치를 누릅니다.

(제거는 이미 설치완료 되어 있어서 사용 안함으로 뜨는것 이기 때문에 신경 노노)

5)

[아까 만든 파일위에서 우클릭 -> Open with Live Server 클릭 ]

[Alt + L 또는 Alt + O 누르기]

6) 바로 실행 화면이 나옵니다. Visual Studio Code 에서 실행한 파일의 코드를 변경한 후 저장하면 바로 변경화면으로 나옵니다.

 

개인적으로 정말 편리합니다