簡體   English   中英

BEM嵌套SCSS與父選擇器中斷Sublime Text語法突出顯示?

[英]BEM nesting SCSS with parent selectors breaks Sublime Text syntax highlighting?

我正在使用SCSS的項目上試驗BEM語法。 我的編輯器是Sublime Text 3,我正在使用SCSS語法高亮顯示。

我遇到的問題是,當我按照Mike Fowler的文章使用& parent選擇器進行嵌套時,Sublime會將其突出顯示為紅色。 這是一個例子:

在此輸入圖像描述

代碼編譯得很好,我只是希望Sublime不將這些標記為錯誤。

任何人都可以幫助配置Sublime來做到這一點嗎?

我建議使用Syntax Highlighting for Sass包進行語法高亮顯示。 使用它和Neon Color Scheme完全支持語法高亮顯示Sass包中的所有范圍(免責聲明:我是主題的維護者),您的代碼如下所示:

SHfS和Neon

沒有錯誤(綠色是類名,並且&被識別為特殊的SASS / SCSS符號)。 我不知道你目前使用的是什么包SCSS突出,但它顯然並不承認領導--字符,或任何下列領先__人物,為有效。 切換到新的語法高亮包應該會有所幫助。

通過選擇View> Syntax> SASS> SCSS,我解決了這個問題。這顯然是由下載原始SASS包Sublime引起的。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM