[VS Code] 화면 오른쪽에 Live Server 띄우기

VS Code 화면 오른쪽에 Live Server 띄우기

들어가며

• 비주얼 스튜디오 코드(Visual Studio Code) 화면 오른쪽에 라이브 서버(Live Server)를 띄우는 방법을 정리해본다.

 

방법

방법 ① 

• @[Ctrl]@ + @[Shift]@ + @[P]@를 눌러 명령 팔레트(Command Palette)를 실행한 후, @Simple Browser: Preview@를 클릭한다.

 

방법 ②

• VS Code에서 공식적으로 지원하는 방법이다.
• 이 방법은 편집기에 @.html@ 파일 또는 @.md@ 파일을 열었을 때 가능한 방법이다.
• 우측 상단의 [Show Preview] 아이콘을 클릭한다.

 

참고 사이트

Can I use Live Server inside Vscode editor?