Wie konfiguriere ich Webstorm zum Kompilieren von Sass? (Detaillierter Prozess)

Der Inhalt dieses Artikels befasst sich mit der Konfiguration und Kompilierung von Sass in Webstorm. (Detaillierter Prozess) hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

1. Laden Sie Ruby herunter (wählen Sie die Datei in RubyInstallers aus) und installieren Sie sie. Aktivieren Sie während der Installation √ alle drei Kontrollkästchen. Überprüfen Sie nach erfolgreicher Installation die Versionsinformationen:

ruby -v
gem -v

2. Installieren Sie sass

Ich habe vergessen, wie man es installiert, gem install sass ist online geschrieben. Ich weiß nicht, ob das richtig ist. Installieren Sie Sass. Geben Sie nach der Installation sass -v in die Befehlszeile ein, um zu prüfen, ob die Versionsnummer veröffentlicht werden soll. Dann erscheinen die folgenden Dateien im Installationspfad (C:Ruby23bin)

3. SCSS-Konfiguration in Webstorm hinzufügen

Datei → Einstellungen→ Extras→ Datei Das grüne „+“ in der rechten Spalte der Beobachter wählt SCSS aus

Name: Der Name kann von Ihnen selbst geändert werden

Programm: Pfadspeicherort automatisch konfigurieren, Sie müssen ihn nicht ausfüllen, Sie können ihn auch manuell ändern

Argumente: no-cache --update --sourcemap --watch $FileName$: $FileNameWithoutExtension$.css

Zu aktualisierende Ausgabepfade: $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

Nach der Einstellung klicken Sie auf „OK“,

Wann Sie kehren zur rechten Spalte von File Watchers zurück, ein Compass SCSS wird hinzugefügt. Wählen Sie es aus (Kontrollkästchen √ oben) und klicken Sie auf „Übernehmen“ in der unteren rechten Ecke. Erstellen Sie nach dem Schreiben die SCSS-Datei Dateien werden automatisch generiert, was einen Erfolg bedeutet.

Hinweis:

1. Die synchrone Kompilierung kann nur im aktuellen Projektordner erfolgen, also im geöffneten Projekt Auf der linken Seite von Webstorm funktioniert das Öffnen einer Datei nicht.
2. Das heißt, sas kann nicht mit chinesischen Zeichen kompiliert werden, unabhängig vom Pfadnamen, dem Dateinamen oder dem Inhalt der Datei Zeichen können nicht erkannt werden

Das obige ist der detaillierte Inhalt vonWie konfiguriere ich Webstorm zum Kompilieren von Sass? (Detaillierter Prozess). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!