frontend

VSCode 개발환경설정

dalc3154 2025. 3. 5. 15:59

VSCode 다운로드

https://code.visualstudio.com/

 

폰트 사이즈 설정

설정 > User > text Editer > font > Font Size: 18pt

 

테마 설정

설정 > Theme > Color Theme: Sublime Material Theme(확장) > Sublime Material Theme(Dark)

 

들여쓰기 간격 설정

tap size: 2로 변경

word wrap: on

>> 자동 줄 바꿈

 

기타 유용한 확장들

Korean Language Pack:  에디터 한글화

Live Server: 새로고침 없이 코딩 중인 웹 업데이트

→ 로컬 개발 서버를 쉽게 구동하여 실시간으로 변경 사항 확인 가능

Prettier - Code formatter: 코드를 formatting 해주는 툴 (코드 자동 정렬 도구)

indent-rainbow: 들여쓰기 색으로 구분

Auto Rename Tag: 여는 태그 수정 시 닫는 태그도 자동 수정

Material Icon Theme: 탐색기 아이콘 테마