wake-up-neo.com

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

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?

34
user31782

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

enter image description here

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.

enter image description here

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

enter image description here

109
codegeek

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:

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

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:

  • Öffnen Ansicht -> Syntax -> Alle mit aktueller Erweiterung öffnen als ...
  • Wählen Sie Sass -> SCSS

Kredit: http://joncaveman.com/2015/08/11/sublime-text-3-default-syntax-highlighting-for-file-types/

0
Ryan Wheale