Prettier Studio

Prettier 설정을 실시간으로 미리보고 조정할 수 있는 VS Code 확장 프로그램

설치하기 | 이슈 보고 | 기여하기

✨ 소개

Prettier Studio는 VS Code에서 Prettier 설정을 쉽게 미리보고 수정할 수 있게 해주는 확장 프로그램입니다. 복잡한 설정 파일을 직접 수정할 필요 없이, 직관적인 인터페이스를 통해 코드 스타일을 완벽하게 제어할 수 있습니다.

🚀 주요 기능

• 📝 Prettier 설정을 실시간으로 미리보기
• 👀 코드 포맷팅 결과를 즉시 확인
• 🎯 직관적인 인터페이스를 통한 설정 변경
• 🛠 다양한 포맷팅 옵션 지원
• 💡 설정 변경 시 자동 저장

📥 설치 방법

1. VS Code의 확장 프로그램 마켓플레이스에서 'Prettier Studio' 검색
2. 설치 버튼 클릭
3. VS Code 재시작

📖 사용 방법

1. .prettierrc 파일 열기
2. 우측 하단에 Prettier Studio 버튼 누르기
3. 설정 창에서 원하는 Prettier 옵션 조정
4. 실시간으로 포맷팅 결과 확인

🔧 지원하는 설정 옵션

• printWidth: 줄 길이 제한
• tabWidth: 탭 간격 설정
• useTabs: 탭 사용 여부
• semi: 세미콜론 사용 여부
• singleQuote: 작은따옴표 사용 여부
• bracketSpacing: 객체 리터럴의 중괄호 간격
• 그 외 다양한 Prettier 옵션 지원

📄 라이선스

이 프로젝트는 MIT 라이선스 하에 배포됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.

👨‍💻 개발자 정보