2014-09-15 2 views
8

SCSS를 사용하는 프로젝트에서 BEM 구문을 실험하고 있습니다. 내 편집자는 Sublime Text 3이며 SCSS 구문 강조 표시를 사용하고 있습니다.부모 선택자가있는 BEM 중첩 SCSS는 숭고한 텍스트 구문 강조 기능을 중단합니까?

내가 겪고있는 문제는 this article by Mike Fowler에 따라 & 상위 선택자를 중첩 할 때 숭고함이 빨간색을 강조 표시한다는 것입니다. 이 코드는 잘 컴파일

enter image description here

, 내가 선호하는 단지 것 숭고한하지 깃발이 이러한 오류 등의 예를 들면 다음과 같습니다.

아무에게도 설정을 사용하면 그 일을 할 수 있습니까?

답변

17

구문 강조 표시에 Syntax Highlighting for Sass 패키지를 사용하는 것이 좋습니다. (오류없이

SHfS and Neon

녹색 : 코드는 다음과 같습니다 완벽하게 모든 (I 테마의 메인테이너 해요 면책 조항) 말대꾸 패키지의 구문 강조의 범위를 지원하는, 그것과 Neon Color Scheme 사용 클래스 이름이고 &은 특수한 SASS/SCSS 기호로 인식됩니다. SCSS 강조 표시에 현재 어떤 패키지를 사용하고 있는지 확실하지 않지만, -- 문자 또는 __ 문자 뒤에 오는 문자는 유효한 것으로 인식되지 않습니다. 새로운 구문 강조 패키지로 전환하면 도움이됩니다.

+1

Sass 패키지의 구문 강조 표시는 필자가 필요로하는 대답이었습니다. 나는'& -someRule' 선택기 구문과 일치하지 않는 SCSS 패키지를 사용하고있었습니다. SCSS 패키지는 하이픈으로 연결된 규칙 (예 :'배경색 ')에 대해 더 나은 자동 완성 기능을 가지고 있으므로 지금 두 패키지를 직렬로 사용하고 있습니다. – chrislopresto

0

View> Syntax> SASS> SCSS를 선택하여이 문제가 발생했을 때이를 수정했습니다. 원래 SASS 패키지 Sublime을 다운로드하면 분명히 발생합니다.