Cursor에서 Prettier Formatter 설정하기

매번 설정할 때마다 GPT한테 물어보는 게 귀찮아서, 이번에 아예 정리해두기로 했다.
Cursor(또는 VSCode 기반 에디터)에서 Prettier가 포맷터로 적용되지 않을 때 아래 순서대로 설정하면 된다.

✍️ 설정 방법

1. Ctrl + Shift + P (Cmd + Shift + P on macOS) 누르기
   → Preferences: Open Settings (UI) 입력 후 선택

2. 상단 검색창에 default formatter 입력

3. Editor: Default Formatter 항목 선택
   → 기본값이 None이라면, 드롭다운에서
   Prettier - Code formatter 또는 esbenp.prettier-vscode 선택

✅ 설정 완료 후

이제부터는 파일을 저장할 때 자동으로 Prettier 규칙에 맞게 포맷팅된다.
줄 정렬, 들여쓰기, 세미콜론 처리 등 깔끔하게 자동 적용된다.

💡 참고

추가로 아래 설정을 해두면 더 편리하다:

// .vscode/settings.json 또는 User Settings
{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}