Wie stelle ich die SCSS-Syntax in Sublime 3 ein?

Question

Ich benutze Sublime 3 Editor. Wenn ich eine SCSS-Datei öffne, werden viele rote Zeichen angezeigt, da die Syntax falsch eingeschätzt wurde. Wenn ich drücke CTRL + Shift + P und tippe sass oder scss Ich bekomme keine Option. Ich musste die Syntax auf CSS setzen.

Gibt es eine Möglichkeit, in Sublime 3 die Syntax auf SCSS festzulegen?

codegeek · Answer

drücken Sie CTRL + Shift + P In Submile Text unten öffnet sich ein Popup

Klicken Sie auf Package Control: Install Package . Daraufhin wird die folgende Datei popup.type [~ # ~] scss geöffnet [~ # ~] im Suchfeld. Der erste Vorschlag lautet [~ # ~] scss [~ # ~] (Es ist im Bild unten nicht hervorgehoben) und klicken Sie darauf.

erneut drücken CTRL + Shift + P und suchen Sie nach SCSS und klicken Sie auf Syntax festlegen: SCSS . dass es deine scss dateien entsprechend einfärbt

jameslol · Answer

Es gibt zwei sehr beliebte Pakete: 'Sass' und 'SCSS'. Ich habe mit dem 'SCSS'-Paket begonnen, da die Antwort von Codegeek über 72 darauf hindeutet, aber ich habe festgestellt, dass ein großer Teil meines gültigen SCSS nur weiß war.

Das 'Sass' -Paket enthält sowohl Sass als auch SCSS und ist für SCSS viel vollständiger als das gerade 'SCSS' genannte Paket.

Installationsschritte:

CTRL+SHIFT+P (Mac: COMMAND+SHIFT+P)
Art 'Package Control: Install package' und drücke Enter. Warten Sie einige Sekunden
Geben Sie 'Sass' ein, stellen Sie sicher, dass das ausgewählte Element nur 'Sass' ist, und drücken Sie Enter.
Der Installationsstatus wird in der Statusleiste am unteren Rand der App angezeigt. Nach Abschluss der Installation:
CTRL+SHIFT+P nochmal
Art 'Set syntax: SCSS' und drücke Enter

Ryan Wheale · Answer

Wenn Sie die Sass-Erweiterung installiert haben (die sowohl SASS als auch SCSS unterstützt) und alle .scss -Dateien, die mit der neueren SCSS-Syntaxhervorhebung anstelle der älteren SASS geöffnet werden sollen, führen Sie dann die folgenden Schritte aus: