wake-up-neo.com

Sublime Text 2: Wie bekommt man scss und weniger Dateien, um Farbe zu bekommen?

Ich verwende Sublime Text 2 und die css.scss- und css.less-Dateien befinden sich in weißem Text - die Kommentare, Klammern, die Syntax - alles. Wenn ich mir meine regulären css-Dateien anschaue, haben sie Farbe, um alle oben genannten zu unterscheiden. Hat sich noch jemand damit befasst? Ist das ein Fehler, den ich bekomme? Wie kann ich meine eigene Farbe hinzufügen oder dieselben Einstellungen aus der regulären css-Datei nehmen und sie der less- und scss-Datei hinzufügen?

66
Jryl

Sie können die Syntax für eine bestimmte Erweiterung festlegen. Bitte sehen Sie dies:

http://www.codechewing.com/library/set-default-syntax-highlight-for-different-filetypes-sublime-text/

Öffnen Sie die entsprechende Datei mit der Erweiterung .scss/.less. Gehen Sie im Menü oben zu Ansicht> Syntax> [Optional: Alle mit der aktuellen Erweiterung öffnen als ...]> CSS

enter image description here

139
Sabarish Sankar
  1. In SublimeText-Voreinstellungen> Paketsteuerung. 

  2. Wählen Sie "Package Control: Install Package" aus. 

  3. Geben Sie nun "WENIGER" in das Feld ein. Klicken Sie auf die erste Option, die angezeigt wird. 

  4. Starten Sie Sublime neu.

  5. Öffnen Sie die LESS-Datei

  6. Ansicht> Syntax. WENIGER wählen

Gleiches gilt für SASS sogar

25
Puneet Mahendra

Der beste Weg, um ein Paket für die Anzeige farbiger weniger Syntax in sublime Text zu installieren, ist folgender Link:

https://sublime.wbond.net/installation#st2

Das liegt daran, dass es hier Anweisungen gibt, wie zu tun ist, falls die in der vorhergehenden Antwort geschriebene Befehlszeile nicht funktioniert. Es gibt auch zwei verschiedene Befehlszeilen für verschiedene Versionen von Sublime Text.

Nach der Installation des Pakets wird die Kategorie LESS in der Menüoption Ansicht> Syntax angezeigt.

Für mich hat es sehr geholfen. Ich hoffe es funktioniert auch für Sie!

6
Simona Adriani

Sie können den Paket-Manager installieren, indem Sie den folgenden Code kopieren und in die sublime Textkonsole einfügen (Ansicht -> Showkonsole):

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')

Nach der Installation drücken Sie Strg + Umschalttaste + p, schreiben Sie install und klicken Sie auf install package. Auf dem Bildschirm, der erscheint, schreiben Sie sass, und klicken Sie auf das Sass-Syntaxpaket . Wenn Sie damit fertig sind, öffnen Sie Ihre SCSS-Datei, drücken Sie Strg + Umschalt + P, schreiben Sie Sass und klicken Sie auf "Syntax festlegen: Sass" 

4
xonorageous

Wenn Package Control nicht auf Ihrem Sublime Text installiert ist, können Sie das Paket manuell installieren.

Um WENIGER Paket manuell zu installieren, gehen Sie wie folgt vor:

  1. Laden Sie das WENIGER-Paket herunter: https://github.com/danro/LESS-sublime/archive/master.Zip
  2. Entpacke das Archivpaket
  3. Gehen Sie in Sublime Text zu Einstellungen → Pakete durchsuchen ...
  4. Kopieren/Einfügen des Paketordners in das gerade geöffnete neue Fenster
  5. Starten Sie Sublime Text neu
  6. Öffne ein .less Datei
  7. Gehe zu Ansicht → Syntax → Alle mit aktueller Erweiterung öffnen als ... → Weniger

Zum Installieren von SCSS-Paket müssen Sie dasselbe Verfahren ausführen.
Direkter Download des SCSS-Pakets: https://github.com/MarioRicalde/SCSS.tmbundle/archive/master.Zip

Happy Coding !

0
Antoine Subit

Installieren Sie die Plugins less und sass über den Paketmanager, um die richtige Syntax für diese Dateitypen hervorzuheben. 

0
IanVS