기본 환경 설정 완벽 가이드 (settings.json)

VS Code의 모든 화면 표시, 동작 방식 설정은 settings.json이라는 단 하나의 파일에 코드로 저장됩니다. 복잡한 체크박스를 찾을 필요 없이 이 코드 파일 하나만 복사해서 다른 컴퓨터에 붙여넣으면 단 1초 만에 나와 완벽히 똑같은 개발 환경이 복제됩니다.

👉 Ctrl + , (맥은 Cmd + ,) 키를 눌러 설정 창을 열고, 우측 상단의 (파일 꺾쇠) 아이콘을 누르면 JSON 파일로 직접 설정을 편집할 수 있습니다.

        settings.json
        JSON
    

{
  // 파일을 저장할 때마다 자동으로 Prettier를 실행하여 코드 포맷팅
  "editor.formatOnSave": true,
  
  // 기본 포맷터로 Prettier 지정
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  
  // 코드 줄이 길어지면 화면 크기에 맞게 밑으로 자동 줄바꿈 처리
  "editor.wordWrap": "on",
  
  // 들여쓰기 공간을 탭(Tab)이 아닌 2칸의 스페이스 공백으로 고정
  "editor.tabSize": 2,
  
  // 오른쪽 공간을 낭비하는 미니맵 숨기기
  "editor.minimap.enabled": false,
  
  // 코딩용 가독성 좋은 폰트 설정 (Ligature 지원 폰트 권장)
  "editor.fontFamily": "'D2Coding', 'Consolas', monospace"
}