VSCode는 웹 개발에 최적화된 강력한 툴입니다.
로컬 환경에서는 물론이고, 원격 서버에서 작업할 때도 마치 로컬에서 작업하는 것처럼 빠르고 편리하게 사용할 수 있습니다. 이번 글에서는 VSCode 설치부터 시작해, HTML 개발에 필요한 확장을 설치해보겠습니다.
VSCode 설치
https://code.visualstudio.com/
HTML 개발에 필요한 VSCode 확장을 최소한으로 설치해봅시다.
앞으로 진행하면서 필요할 때 추가합니다.
확장 설치 아이콘은 좌측에 있습니다.
1. 코드 포메팅
VSCode는 HTML 코드 포메팅을 지원한다. (Alt + Shift + F)
2. Auto Rename Tag
HTML을 작성하다보면 태그 앞뒤 맞추기가 항상 번거롭고 불편하다.
이것을 자동화해주는 확장이다.
3. Live Server
작성한 HTML 코드를 브라우저에서 접속해 볼 수 있다.
'개발 > 웹 (HTML)' 카테고리의 다른 글
HTML 자주 사용하는 태그 - <ul><ol><li> (0) | 2024.11.18 |
---|---|
HTML 블록 요소 개념 잡기 (1) | 2024.11.17 |
HTML 인라인 요소 개념 잡기 (0) | 2024.11.16 |
코드 가독성을 높이는 HTML 빈 태그와 주석 이야기 (0) | 2024.11.15 |
HTML 기본 구조와 DTD 개념 정리 (0) | 2024.11.11 |
VSCode 웹 개발 시작하기 - Live Server로 만드는 '니' 첫 번째 웹 페이지 (2) | 2024.11.09 |
VSCode 언어별 들여쓰기(탭) 지정 - Settings.json (1) | 2024.11.08 |
VSCode 웹 개발 시작하기 - 필수 단축키 모음 (0) | 2024.11.07 |