---

1. Visual Studio Code 다운로드

1.1. 구글에 비주얼 스튜디오 코드 검색

---

1.2. 설치파일 설정

---

2. Visual Studio Code 환경설정

2.1. 워크 스페이스 폴더 설정

바탕화면에 워크스페이스로 쓸 새폴더 생성(이름은 알아서..)

비쥬얼 스튜디오의 홈 화면에 폴더 드래그해서 넣기!

---

2.2. EXTENSIONS 설정(Install)

• HTML 미리보기 (추천)
  

• 이클립스 단축키로 설정 (추천)
  

• 아이콘?
  

• 체크 후 해당 동그라미의 내용 클릭
  

• (선택사항) 한국어로 패치
  

• indent-rainbow : 간격에 맞춤 색상

• Bracket Pair Color DLW : 짝 맞춤 색상

• Auto Close Tag : 자동으로 태그를 닫아줌. (추천)

• Auto Rename Tag : 태그 명을 변경시 자동으로 시작, 끝을 동시에 변경해줌. (추천)