Vorwort
Bei der Entwicklung des Front-Ends schreiben Sie häufig einige weniger oder SASS-Dateien, diese Dateien müssen jedoch in CSS-Dateien zusammengestellt werden, um effektiv zu sein. Zuvor wurden einige automatisierte Konstruktionstools verwendet, um die Änderungen der Projektdatei in Echtzeit anzuhören, und eine gewisse Konfiguration war erforderlich.
Das Datei-Uhren-Plug-In von Idea wird hier ohne zusätzliche Konfiguration verwendet, was einfach und bequem ist.
arbeiten
Abhängigkeiten
Plugin -Standort
Dateiwache konfigurieren
1. Erstellen Sie eine neue weniger Datei im Projekt
Erstellen Sie eine neue weniger Datei
2. Konfigurieren Sie die Dateibeobachtung der weniger Datei.
Wir können sehen, dass sich oben in der Datei einen Beobachter befindet, um weniger Datei zu aktivieren. Klicken Sie auf Ja
Konfigurieren Sie die Dateibeobachtung weniger
Klicken Sie ganz rechts auf dem Makro einfügen, um das vordefinierte Makro und den von ihm darstellenden Inhalt anzuzeigen.
In die Makroschnittstelle einfügen
Endgültiges Rendering
Endgültige Konfiguration
Sie können sehen, dass weniger in Echtzeit in eine CSS -Datei zusammengestellt wird
Echtzeitkompilierung von Bildern
zusätzlich
Die Dateiwache kann nicht nur weniger Dateien beobachten, sondern auch Operationen verarbeiten, die die Änderungen der Datei in Echtzeit überwachen. Wir können es selbst in der Ideenkonfiguration konfigurieren.
Datei Uhrenspeicherort
Ich empfehle nicht, den Sass -Compiler am vorderen Ende zu verwenden, da die Installation des Sass -Compilers an Windows von vielen Dingen hängt, sowohl in C ++ als auch in Python. Obwohl es in Ordnung ist, SASS auf Mac oder Linux zu verwenden, verursacht es Probleme, wenn Sie es unter Windows verwenden. Weniger hat ähnliche Funktionen wie SASS und sie werden schließlich in CSS zusammengestellt. Verwenden Sie mit einem so nützlichen Werkzeug weniger direkt.
Zusammenfassen
Das obige ist die Methode der Intelj -Idee, die Filewatch verwendet, um weniger Dateien in Echtzeit zu kompilieren. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!