[html] 웹 편집기(visual studio code) 설치 & 사용하기

html을 입력하기 위해 사용하는 웹 편집기 중 하나인 비주얼 스튜디오 코드(visual studio code) 설치 및 사용법에 대해서 알아보겠습니다.

 

1. https://code.visualstudio.com/로 이동하여 아래 사진처럼 본인 컴퓨터의 운영체제에 맞는 설치 파일을 다운로드 받는다.(64bit 윈도우 운영체제를 기준으로 설명하며, 크롬 브라우저를 사용하여 다운로드함)

 

2. 설치 파일 다운로드가 끝나면 크롬 브라우저 왼쪽 하단에 파일 이름을 클릭하여 설치를 시작합니다.

 

 

3. 설치 첫 화면에서 동의합니다를 선택 후 다음 버튼을 클릭합니다.

 

 

4. 다음 버튼을 눌러 이동합니다.

 

4. 설치 버튼을 클릭하며 본격적으로 서치를 시작합니다.

 

 

5. 설치의 진행 상황을 나타내는 프로그래스 바가 보입니다.

 

 

6. 설치가 종료되면 종료 버튼을 클릭하여 종료합니다.

 

 

설치가 완료되었습니다.

HTML 작업이 용이하도록 환경설정을 해보겠습니다.

1. 왼쪽 뷰바에서 확장 아이콘을 선택 후 korean을 검색하여 install을 눌러 한글 확장팩을 설치합니다.

메뉴의 이름이 한글로 모두 변환됩니다.

 

 

2. 왼쪽 뷰바에서 확장 아이콘을 선택 후 Live Server를 검색하여 설치합니다.

html 파일 작성 후 마우스 오른쪽 버튼을 클릭 후 Open with Live Server를 선택하면 html 파일을 기본 웹 브라우저에서 실행해 줍니다.

 

 

지금까지 비주얼 스튜디오 코드 설치 및 html 코드 편집을 위한 간단한 환경설정 소개였습니다.