Visual Studio Code 라이브 서버 설치방법, 언제 사용하는가 (Go Live)

 오늘은 VS Code에서 web proejct를 생성할 때 유용하게 사용하는 라이브 서버 익스텐션 설치 방법에 대해 알아보겠다. 

VS Code는 다양한 extension 지원으로 코딩을 훨씬 더 편리하게 해주는데, 그 중 하나가 live server이다. 

먼저 설치는 VS Code extension 칸에 들어가서 live server라고 검색하면 아주 간단히 할 수 있다. 

live server라고 검색 시 가장 먼저 나오는 것에서 Install 버튼을 클릭한다. 

그러면 위와 같이 설치 중이라는 메세지가 뜨다가 몇 초 이내로 설치가 완료된다. 

설치가 완료되면 

오른쪽 하단에 Go Live라는 버튼이 보이는데 

html 코드를 작성하고 Go Live를 클릭하면 로컬 서버에서 테스트 하는 용도로 활용이 가능하다. 

혹은 편집창에서 마우스 우클릭을 하여 Open With Live Server를 클릭해도 테스트가 가능하다. 

Liver Server 설치 하나로 로컬에서 웹 테스트가 가능하니 이처럼 편한 기능을 잘 활용해보자.