Windows Explorer-Kontextmenüelement für SASS --watch-Option hinzufügen?


1

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.

  1. Ö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 compressedZum Ausgeben in eine nicht komprimierte CSS-Datei entfernen oder andere Optionen hinzufügen --no-cache, um den Cache-Ordner zu deaktivieren.

  2. Öffnen Sie das Feld Ausführen (Win + R) und geben Sie ein control folders. Dadurch werden die Einstellungen für Ordneroptionen geöffnet.

  3. 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"
    
  4. 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.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.