PhpStormでSCSSの自動コンパイルする時のファイルウォッチャーの設定

• サイト制作
• css
• sass

• 
• ツイート

英語版だからかバージョンが古いのか、なかなか情報が見つからなかったので残しておきます。

ファイルウォッチャーの設定画面は
「PhpStorm」→「Preferences」
で設定画面を開く。

左下の「＋」ボタンを押して「SCSS」を選ぶ。

cssの保存先を設定するのは「Arguments」の欄。
初期のままだとscssファイルと同じ場所にcssが保存されるので、

|-CSS
|-SCSS

こんな構造の場合は「Arguments」を下記に設定する。

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

css圧縮したくない場合は
「--style compressed」
を外してね。