Styled Component Prefix Highlighter

Styled Component Prefix Highlighter는 React 프로젝트에서 스타일드 컴포넌트의 접두사(예시: S_)를 자동으로 하이라이트해 가독성을 높여주는 VSCode Extension입니다.

주요 기능

• 실시간 하이라이트: 코드 입력 시 자동으로 접두사가 적용된 컴포넌트를 강조 표시
• 접두사 및 색상 커스터마이징: 기본값 S_ 접두사와 기본색상#FF9800 색상을 사용하며, 사용자가 자유롭게 변경 가능
• VSCode 설정 반영: 설정 변경 시 즉시 하이라이트 업데이트

사용 방법

1. VSCode Command Palette 열기

   • macOS: Cmd + Shift + P
   • Windows/Linux: Ctrl + Shift + P

2. Settings UI 열기

   • Preferences: Open Settings (UI) 선택

3. 검색창에 sPrefixHighlighter 입력

   • 설정 항목이 나타납니다:

• 원하는 접두사와 색상으로 변경하면 즉시 적용됩니다.

설치

• Marketplace에서 설치 후 VSCode에서 React 프로젝트를 열면 자동으로 적용됩니다.
• 코드 입력 시 실시간으로 하이라이트가 반영됩니다.