Как правильно настроить просмотрщик scss файлов в PhpStorm?

У меня он работает, но с этими настройками требуется довольно много времени, пока изменения не появятся в PhpStorm. Если я избавлюсь от части строки ../css/ строки аргумента, она создает/обновляет файл css в том же каталоге, в котором находится scss файл, но делает это немедленно. Что я делаю неправильно?

Я использую PhpStorm 6.0.1 для OS X 10.8.3

My current settings

Ответы

Ответ 1

Из руководства: "В текстовом поле" Пути вывода "укажите файлы, в которых transpiler хранит свой результат: полученный исходный код, исходные карты и зависимости. Основываясь на этих настройках, PhpStorm обнаруживает созданные файлы через транспиляцию."

Ответ 2

как упоминалось в предыдущем ответе, вы должны соответственно настроить параметр "Выходные пути". Как:

Arguments: --no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css

Working directory: $FileDir$

Output Paths: $FileParentDir$/css/$FileNameWithoutExtension$.css

Теперь выходные пути соответствуют каталогу вывода scss, так что среда IDE знает, где искать вывод и что он выглядит как

Ответ 3

Я рекомендую использовать node -sass быстрее и быстрее

 npm install -g node-sass

Программа:

/usr/local/bin/node-sass

Аргументы:

$FileName$ $FileNameWithoutExtension$.css

Выходные пути:

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

введите описание изображения здесь

Изменить:

Если вам нужен сжатый файл css, используйте его для аргументов:

--output-style compressed $FileName$ $FileNameWithoutExtension$.css

Ответ 4

Для любого пользователя используется node -sass в Windows Env, здесь вы идете,

Программа:

Окна

C:\Users\%username%\AppData\Roaming\npm\node-sass.cmd

Linux

/usr/local/bin/node-sass

Аргументы (Windows):

$FileName$ $ProjectFileDir$\dist\$FileNameWithoutExtension$.css

Пути вывода для обновления (окна):

$ProjectFileDir$\dist\$FileNameWithoutExtension$.css

Ответ 5

В Phpstorm 7 используйте

Аргументы: --no-cache --update $FileName $: $FileParentDir $/path/to/css/dir/$FileNameWithoutExtension $.css

Выходные пути: $ FileParentDir $/путь/к/CSS/реж/$FileNameWithoutExtension $.css

Это найдено.