SCSS Code Formatter는 오직 실무자를 위한 사용자 정의 규칙으로 SCSS 파일을 자동으로 포맷팅해주는 경량 VSCode 확장 프로그램입니다.
중첩된 선택자, 우선순위 속성 정렬, 코드 들여쓰기 등의 스타일 규칙을 일관되게 유지하여, SCSS 파일의 가독성과 유지보수성을 향상시킵니다.
특징
자동 포맷팅: SCSS 파일을 저장할 때마다 자동으로 포맷팅이 적용됩니다.
사용자 정의 규칙: 사용자가 설정한 스타일 규칙에 맞춰 속성을 정렬하고, 들여쓰기 및 중첩 규칙을 적용합니다.
특정 패턴 보호: 중첩된 선택자와 변수를 보호하여 올바른 구조를 유지하면서도 속성 정렬을 적용합니다.
직관적인 코드 정렬: 속성을 알파벳 순서 또는 사용자 지정 우선순위에 맞춰 정렬하여 코드를 깔끔하게 유지합니다.
Requirements
추가적인 종속성 없음
Extension Settings
SCSS Code Formatter는 다음과 같은 설정을 지원합니다:
scssFormatter.enable: 이 확장팩을 활성화하거나 비활성화합니다. (추후 개인설정 기능을 추가할 예정입니다.)
scssFormatter.breakBefore: 특정 키워드 앞에 줄 바꿈을 추가할지 여부를 설정합니다. (추후 개인설정 기능을 추가할 예정입니다.)
scssFormatter.priorityOrder: 속성 정렬 우선순위를 사용자 정의할 수 있습니다. 기본 우선순위는 ['position', 'visibility', 'display', 'margin', 'padding', 'opacity', 'width', 'height', 'line-height', 'border', 'border-radius',]입니다. (추후 개인설정 기능을 추가할 예정입니다.)
Known Issues
한 줄 주석 //은 /* */로 변경해야 합니다. (// 한줄 주석 사용 시 포맷팅 적용되지 않습니다.)
Release Notes
1.0.0
Initial Release: SCSS 파일을 자동으로 포맷팅하고 사용자 정의 규칙을 적용하는 기능 추가.
Working with SCSS Code Formatter
VS Code의 확장 기능을 사용하여 SCSS Code Formatter를 빠르고 쉽게 설정하고 사용할 수 있습니다.
자동 포맷팅: SCSS 파일을 저장할 때마다 즉시 포맷팅이 적용됩니다.
사용자 설정: settings.json에서 SCSS Code Formatter 설정을 직접 수정하여 자신만의 포맷팅 규칙을 적용할 수 있습니다.
