[web 환경설정] Visual Studio Code 설치 및 기본 세팅

웹 개발을 위한 Visual Studio Code와 Live Server를 설치하는 방법입니다.

Live Server를 설치하면 코드 변경 시 실시간으로 브라우저에 반영하여 작업을 편리하게 확인할 수 있습니다.

 

---

1. Visual Studio 다운로드 및 설치 방법

1. Microsoft Visual Studio 웹사이트에서, 사용하는 OS에 맞게 Visual Studio Code를 다운로드합니다. https://visualstudio.microsoft.com/ko/

Visual Studio Code 설치

 

---

2. Visual Studio Live Server 설치 방법

1. Visual Studio Code 실행 설치가 완료되면, Visual Studio Code 를 실행합니다.

VS code 실행 창

2. 확장 기능 탐색 상단 메뉴(좌측)에서 [확장]을 클릭한 후, [확장 관리]를 선택합니다.

 

3. Live Server 검색 확장 관리 창에서 "Live Server"라고 검색합니다.

4. Live Server 설치 "Live Server"를 찾으면, 설치 버튼을 클릭하여 Live Server를 설치합니다

[확장] - Live Server 검색

 

5. Visual Studio에서 작업하고 있는 HTML 파일을 열고, 오른쪽 하단의 Go Live 를 클릭합니다

 

6. HTML 실행창이 실행됩니다.