Wie füge ich ein Kontextmenüelement hinzu, wenn ich mit der rechten Maustaste auf eine .scss-Datei klicke, damit SASS sie anzeigt?
Beispiel für einen CLI-Befehl:
sass --watch MySassStyle.scss --style compressed
Der obige Befehl wird verwendet, nachdem das Verzeichnis geändert wurde, in dem sich die .scss-Datei befindet. Bei 'MySassStyle.scss' handelt es sich um eine ausgewählte .scss-Datei.
Das Kontextmenüelement würde also das Verzeichnis ändern, in dem sich die ausgewählte .scss befindet, und dann den Befehl sass für die Datei ausführen (unabhängig vom Dateinamen).
Update: Entdeckt den wunderbaren Sublime Text 2-Code-Editor und ein Paket auf Github, das ein nettes eingebautes Build-Skript enthält: https://github.com/n00ge/sublime-text-haml-sass
Jetzt kann ich Strg + B drücken, um die Datei direkt von Sublime Text 2 aus anzusehen.
Update 2: Ich dachte, ich würde meine Antwort auf meine Frage an diejenigen weitergeben, die Sublime Text 2 nicht verwenden Github-Paket oben ist es ziemlich einfach, dies zu tun.
Öffnen Sie den Editor, fügen Sie den folgenden Code ein und speichern Sie die Datei als "SASSWatch.bat" ( mit den Anführungszeichen):
cd /d %1 sass --watch .:. --style compressed pause
Hinweis:
--style compressed
Zum Ausgeben in eine nicht komprimierte CSS-Datei entfernen oder andere Optionen hinzufügen--no-cache
, um den Cache-Ordner zu deaktivieren.Öffnen Sie das Feld Ausführen (Win + R) und geben Sie ein
control folders
. Dadurch werden die Einstellungen für Ordneroptionen geöffnet.Klicken Sie auf die Registerkarte Dateitypen, und navigieren Sie zum SCSS-Dateityp (falls dieser nicht vorhanden ist, klicken Sie stattdessen auf die Schaltfläche "Neu" und fügen Sie die SCSS-Erweiterung manuell hinzu).
Klicken Sie nach der Auswahl auf die Schaltfläche "Erweitert" und dann auf die Schaltfläche "Neu ...", um eine neue Aktion hinzuzufügen.
Nennen Sie die Aktion "Überwachen" und fügen Sie den folgenden Code in das Feld "Anwendung zum Ausführen von Aktionen" ein ( ändern Sie den Pfad mit den Anführungszeichen in den Pfad der Batchdatei):"C:\Documents and Settings\Username\Desktop\SASSWatch.bat" "%1"
Klicken Sie in allen Fenstern auf "OK". Fertig! Klicken Sie nun mit der rechten Maustaste auf eine beliebige .scss-Datei und wählen Sie "Beobachten", um die Datei mit SASS zu betrachten.
quelle