비주얼 스튜디오 코드(vscode)에서 live server를 설치하고 실행하는 방법을 공유합니다.
라이브 서버는 파일을 어딘가에 업로드하지 않아도, 웹브라우저를 열어 실시간으로 코딩한 결과물을 확인할 수 있는 기능입니다.
확장프로그램 설치만 하면 간단하고 어렵지 않기 때문에 코딩 공부를 시작하신다면 꼭 이용해보시길 추천드립니다.
먼저 비주얼 스튜디오 코드를 운영체제에 맞게 다운로드하고, 기본 설정대로 설치합니다.
Download Visual Studio Code - Mac, Linux, Windows
Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.
code.visualstudio.com
live server 설치하기
이제 비주얼 스튜디오 코드를 실행하고, 가장 아래쪽에 있는 네모 아이콘을 클릭합니다.
검색창에 live server라고 검색해서 확장프로그램을 설치합니다.
이제 html 문서를 우클릭해서, open with live server를 클릭하기만 하면 됩니다.
참고로 파일 저장 설정을 자동 저장으로 해두면, 일일이 저장 버튼을 누르지 않아도 실시간으로 코딩한 결과물을 확인할 수 있습니다.
이상으로 비주얼 스튜디오 코드에서 live server를 실행하는 방법에 대해 작성해보았습니다. 읽어주셔서 감사합니다.
'웹 > 웹코딩 공부' 카테고리의 다른 글
| CSS 선택자 필요한 6종류만 총정리 (0) | 2022.07.20 |
|---|---|
| HTML 필수 태그 32가지 정리 (1) | 2022.07.19 |
| 블록, 인라인, 인라인 블록 성질과 정렬 방법 (0) | 2022.07.18 |
| 비주얼 스튜디오 코드 Emmet(단축키)사용법 (0) | 2022.07.12 |
| 파일질라 FTP 접속하는 방법 (0) | 2022.06.17 |
| 파일질라 공식 다운로드 링크(window, mac) (0) | 2022.06.17 |
| 무료로 코딩 공부하기! 이론, 소스 코드, 튜토리얼 사이트 모음 (2) | 2021.12.30 |
| 특정 UI 효과 구현하기 (소스 코드, 튜토리얼 사이트) (0) | 2021.12.26 |
댓글