VS Code_Settings 확장팩

필수 확장 프로그램

Extensions (Ctrl+Shift+X)

 

---

 

1. Live Server

: 코드 파일을 수정하고 저장 (Ctrl+S) 할 때마다 브라우저에서 실시간 화면 확인 기능.

- 편집기 오른쪽 하단의 [Go Live] 버튼을 누르거나, HTML 파일 위에서 마우스 우클릭  [Open with Live Server] 선택.

 

---

 

2. Live Preview

: VS Code 내부에서 웹 페이지를 실시간으로 미리 보는 기능.

- HTML 파일 위에서 마우스 우클릭  [Show Preview] 선택.

 

---

 

3. Auto Rename Tag 

: HTML 태그 수정 시, 여는태그와 닫는태그 모두 수정할 필요없이 한 곳만 수정해도 둘 다 자동으로 수정해주는 기능.

---

 

4. px to rem

: px 단위 사용 시 단축키 (Alt+Z) 를 누르면 rem 단위로 변환 시켜주는 기능.