AI 요약관련 정보

• VSCode 확장 프로그램 "CSS VAR complete"을 사용하면 디자인 시스템의 CSS 변수를 Intellisense에서 바로 확인하고 사용할 수 있습니다. ✨
• 프로젝트별 또는 전역적으로 설정 파일(settings.json)을 통해 확장 프로그램을 구성하여 협업 시에도 변수 접근성을 보장합니다. 🤝
• settings.json 파일에 CSS VAR complete 설정을 추가하여 원하는 CSS 변수 디렉토리를 지정하고, *.css 와일드카드를 사용하여 여러 CSS 파일을 포함할 수 있습니다. 📁
• Astro와 같은 다른 파일 형식에서도 CSS 변수를 Intellisense에서 사용하려면 cssVar.extensions 설정을 추가해야 합니다. 💫
• 확장 프로그램 설치 후에는 명령 팔레트(Command Palette, Ctrl+Shift+P)에서 창을 다시 로드하여 설정을 적용해야 합니다. 🔄
• 중첩된 컴포넌트에서도 CSS 변수를 편리하게 사용할 수 있으며, --를 입력하면 자동으로 var() 함수가 생성됩니다. ⌨️