Sublime Text3 konfiguriert weniger zum Speichern und automatischen Kompilieren

In der folgenden Spalte des Sublime-Tutorials erfahren Sie, wie Sie weniger konfigurieren, um die automatische Kompilierung in Sublime Text3 zu speichern. Ich hoffe, dass es für Freunde in Not hilfreich ist!

Mac OSX-Umgebung

1.Sublime Text3 muss weniger Plug-in zur Syntaxhervorhebung installieren

2. Installieren Sie NodeJS, installieren Sie less global über npm im Mac-Terminal npm install less -gd

3.Optional: Um die Minifizierung zu verwenden, benötigen Sie einen Minifier oder ähnliches.
npm install -g less-plugin-clean-css
4.Optional: Um Autoprefix zu verwenden, installieren Sie less-plugin-autoprefix.
npm install -g less-plugin-autoprefix

An diesem Punkt können Sie die Less-Datei manuell kompilieren,

Lessc style.less style.css manuell über lessc auf dem Mac-Terminal kompilieren

Wenn Sie die Less-Datei beim Speichern in Sublime Text3 automatisch in CSS kompilieren müssen, benötigen Sie außerdem die folgenden Schritte

5.Sublime Text3 muss less2css installieren, ein Plug-In, das weniger in CSS kompiliert

Hier ist es laut offiziellen oder vielen Artikeln im Internet fertig

Aber wenn ich die Less2css-Fehlermeldung speichere: Lessc ist nicht verfügbar. Es ist offensichtlich, dass Lessc manuell im Terminal verwendet werden kann.

Laut Fehlermeldung Es sollte sein, dass lessc nicht gefunden werden kann. Überprüfen Sie weiterhin das beigefügte Readme-Dokument

Sublime Text 2 and 3 Plugin to compile less files to css on save.
Requires lessc installed on PATH.

. Im Allgemeinen wird less2css nach der Installation automatisch abgeglichen.

muss wie folgt verarbeitet werden:

Geben Sie whichlessc im Mac-Terminal ein und suchen Sie den Pfad von lessc/Users/[Benutzername]/.nvm/versions/ node/v10.10.0/bin/lessc

Ändern Sie die Konfigurationsdatei von less2css in Sublime Text3 less2css.sublime-settings-User

{
   "lesscCommand": "/Users/[username]/.nvm/versions/node/v10.10.0/bin/lessc"
}

Das werden Sie feststellen, wenn Sie die Less-Datei in Sublime Text3 speichern , erscheint eine .css-Datei mit demselben Namen im aktuellen Ordner

Das obige ist der detaillierte Inhalt vonSublime Text3 konfiguriert weniger zum Speichern und automatischen Kompilieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!