Mam to działa, ale z tymi ustawieniami upływa sporo czasu, zanim zmiana nastąpi w PhpStorm. Jeśli pozbywam się części argumentu argumentu, wtedy tworzy/aktualizuje plik css w tym samym katalogu, w którym znajduje się plik scss, ale robi to natychmiast. Co ja robię źle?Jak poprawnie skonfigurować obserwator plików scss w PhpStorm?
Używam PhpStorm 6.0.1 na OS X 10.8.3
z podręcznika: „W polu Output Ścieżki określić pliki gdzie transpiler przechowuje swoje wyjście: the wynikowy kod źródłowy, mapy źródłowe i zależności Na podstawie tych ustawień PhpStorm wykrywa pliki wygenerowane przez transpozycję. "
jak wspomniano w poprzedniej odpowiedzi, należy odpowiednio skonfigurować opcję Ścieżki wyjściowe. odczuwalna:
Arguments: --no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css
Working directory: $FileDir$
Output Paths: $FileParentDir$/css/$FileNameWithoutExtension$.css
ścieżki Teraz wyjściowe dopasowuje katalog wyjściowy SCSS tak, że IDE nie wie, gdzie szukać wyjścia i jak to wygląda
W Phpstorm 7 Użyj
argumenty - -no-cache --update $ FileName $: $ FileParentDir $/ścieżka/do/css/dir/$ FileNameWithoutExtension $ .css
ścieżki wyjściowe: $ FileParentDir $/ścieżka/do/css/dir/$ FileNameWithoutExtension $ .cs s
Znaleziono.
Dla każdego, kto korzysta z węzła-Sass Windows ENV tutaj pójdziesz,
programu:
Okna
C:\Users\%username%\AppData\Roaming\npm\node-sass.cmd
Linux
/usr/local/bin/node-sass
Argumenty (Windows):
$FileName$ $ProjectFileDir$\dist\$FileNameWithoutExtension$.css
ścieżki wyjścia dla odświeżenia (Windows):
$ProjectFileDir$\dist\$FileNameWithoutExtension$.css
Jeśli potrzebujesz sourcemap, po prostu dodaj '--sourceMap = $ FileDir $' na końcu 'Arguments'. Spowoduje to, że węzeł sass wyświetli plik sourcemap w tym samym folderze, który zawiera twój plik scss. – KuN
Witam, pracuję na komputerze Mac. Zrobiłem zegarek pliku w phpstorm 2016.1 dla .scss, z kompilatorem scss, działa dobrze. Ponieważ węzeł-sass jest znacznie szybszy, zainstalowałem węzeł-sass na całym świecie i zmieniłem ustawienie programu z "/ usr/bin/scss" na "/ usr/local/bin/node-sass". Ale to nie działa w trybie phpstorm, zamiast tego zawsze pokazuje spinner, który przypomina mi, że się kompiluje. Czy wiesz, jak rozwiązać problem? –
@ Ng2-Fun Nie znam systemu OSX, ale wydaje mi się, że ścieżka jest inna? ''/usr/local/lib/node_modules/node-sass''? – KuN
Polecam używanie Node-Sass to 10+ razy szybciej
npm install -g node-sass
programowe:
/usr/local/bin/node-sass
Argumenty:
$FileName$ $FileNameWithoutExtension$.css
Ścieżki wyjściowe:
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
Edit:
Jeśli chcesz plik css skompresowany, należy, że dla argumenty
--output-style compressed $FileName$ $FileNameWithoutExtension$.css
spojrzeć na to również przeczytać komentarze: http://youtu.be/fe14-21NTGU –