HTML&CSS

[VSCode] 라이브 서버 설정하기 / Visual Studio Go Live 고라이브

쫑나리 2023. 4. 5. 20:39
728x90
반응형
SMALL

비쥬얼 스튜디오  Live Server란? Go Live?

비쥬얼 스튜디오에서 코드 작성 시 라이브로 반영되어

변경 사항을 바로바로 확인 할 수 있는 아주 유용한 기능입니다!

라이브서버 설정 전 상태

라이브 서버가 다운로드되지 않은 상태입니다.

1. 단축키 ctrl + shift +x 를 이용해서  열어주거나

사이드바에서 맨아래 확장 버튼을 눌러줍니다!

2. 검색창에 live server 를 검색 후 설치

 

모두 마치고 나면

 

 

이렇게 하단에 Go Live가 생겼고 클릭해주시면 새창이 뜹니다.

짜쟌~

 

매우 편리합니다. 

끄읕 ~

728x90
반응형
LIST

'HTML&CSS' 카테고리의 다른 글

버튼 디자인 모음  (0) 2024.02.12
css module  (0) 2024.02.12
토글로 다크모드 만들기  (0) 2024.02.12
CSS 간단한 효과 모음  (0) 2024.02.12
반응형 모바일 오른쪽 여백 없애기 이유, 리액트, HTML, CSS  (0) 2023.08.16