Ich habe es funktioniert, aber mit diesen Einstellungen dauert es eine ganze Weile, bis die Änderung in PhpStorm kommt. Wenn ich den ../css/ Teil des Argumentstrings loswerde, erstellt/aktualisiert er die CSS-Datei in dem Verzeichnis, in dem sich die scss-Datei befindet, tut dies aber sofort. Was mache ich falsch?Wie kann ich den scss-Dateiwatcher in PHPStorm korrekt einrichten?
Ich verwende PhpStorm 6.0.1 auf OS X 10.8.3
Aus dem Handbuch: „Im Ausgabepfade Textfeld, um die Dateien angeben, wo die Transpiler seine Ausgabe speichert: die resultierenden Quellcode, Quellkarten und Abhängigkeiten. Basierend auf diesen Einstellungen erkennt PhpStorm Dateien generiert durch transpilation. "
Wie in der vorherigen Antwort erwähnt, müssen Sie die Option Ausgangspfade entsprechend einrichten. Like:
Arguments: --no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css
Working directory: $FileDir$
Output Paths: $FileParentDir$/css/$FileNameWithoutExtension$.css
Jetzt Ausgabepfade entsprechen das SCSS Ausgabeverzeichnis, so dass der IDE weiß, wo für die Ausgabe zu sehen und wie es aussieht
In PhpStorm 7 Verwendung
Argumente: - -no-Cache --update $ Dateiname $: $ FileParentDir $/path/to/css/dir/$ FileNameWithoutExtension .css- $
Ausgabepfade: $ FileParentDir $/path/to/css/dir/$ FileNameWithoutExtension $ .cs s
Dies gefunden.
Für jedermann verwendet Knoten sass in Windows Env, hier gehen Sie,
Programm:
Windows-
C:\Users\%username%\AppData\Roaming\npm\node-sass.cmd
Linux
/usr/local/bin/node-sass
Argumente (Windows):
$FileName$ $ProjectFileDir$\dist\$FileNameWithoutExtension$.css
Ausgangspfade für refresh (Fenster):
$ProjectFileDir$\dist\$FileNameWithoutExtension$.css
Falls Sie eine Quellkarte benötigen, fügen Sie '--sourceMap = $ FileDir $' am Ende von 'Arguments' hinzu. Dadurch wird node-sass angewiesen, die Quellkartendatei in den gleichen Ordner auszugeben, der Ihre scss-Datei enthält. – KuN
Hallo, ich arbeite am Mac. Ich habe eine Datei im phpstorm 2016.1 für .scss gemacht, mit scss-Compiler, es funktioniert gut. Da Node-Sass viel schneller ist, habe ich Node-Sass global installiert und die Programmeinstellung von "/ usr/bin/scss" in "/ usr/local/bin/node-sass" geändert. Aber es funktioniert nicht in phpstorm, stattdessen zeigt es immer Spinner an, die mich daran erinnern, dass es kompiliert wird. Wissen Sie, wie Sie das Problem lösen können? –
@ Ng2-Fun Ich bin nicht vertraut mit OSX aber scheint wie der Pfad anders ist? "/ usr/local/lib/node_modules/node-sass''? – KuN
Ich empfehle, mit Knoten sass es 10+ mal schneller
npm install -g node-sass
Programm:
/usr/local/bin/node-sass
Argumente:
$FileName$ $FileNameWithoutExtension$.css
Ausgabepfade:
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
Edit:
Wenn Sie die CSS-Datei komprimiert möchten, verwenden Sie, dass für die Argumente:
--output-style compressed $FileName$ $FileNameWithoutExtension$.css
Werfen Sie einen Blick auf diese, lesen Sie auch die Kommentare: http://youtu.be/fe14-21NTGU –