[ 환경설정 ] VS Code 설치 및 환경 설정

 

 

 

1. vscode 검색 후 사이트 접속 - OS에 맞는 파일 다운로드

• https://code.visualstudio.com/

 

 

 

 

 

---

 

 

 

2. Setup 파일 실행해서 설치 진행

 

 

 

 

 

 

 

 

 

---

 

 

 

3. 설치 완료

 

 

 

 

 

 

 

 

---

 

 

 

환경설정

 

 

 

1. 인코딩 설정 

 

 

 

 

 

---

 

 

 

2. 마우스 줌 설정

 

 

 

---

 

 

3. 확장 프로그램 tool 설치

 

 

 

 

 

 

3-1  자동완성 도와주는 - HTML snipet

 

 

 

 

---

 

 

3-2 태그 수정 도와주는 - Auto Rename Tag

• 태그 앞부분 수정하면 끝 태그도 자동으로 수정

 

 

 

---

 

 

3-3 코드 실시간 확인 - HTML Preview

• 지금 태그 브라우저에서 어떻게 보이는지 실시간으로 확인 가능 tool

 

 

 

---

 

 

3-4 코드 실시간 확인 - Live Server

• preview랑 비슷한데 – 브라우저 새로고침 필요 없다
• preview는 옆에 창으로 보여서 크기 문제나 / 작동안하는 코드 문제나 많아서 이거 사용

 

 

 

 

라이브창 호출하는 단축키 : alt + L + O

 

 

 

 

---