WindowsのPhpStormでLess

WindowsのPhpStormでLessを使用する方法です。

nodejsのインストール

まずは、nodejsをダウンロードしてインストールを行います。
node.js
※インストールすると使えるnodeやnpmコマンドは結構使用しますので、環境変数pathに追加しておくと、コマンドプロンプトのどこにいても呼び出せるので便利です。
プログラム環境の構築：パスの通し方

npmでlessのインストール

コマンドプロンプトからnodejs用のlessをインストールします。

$ npm install -g less

phpstromでwatch(監視）させる

File->Settings->File Wathersで＋LESSを選択し、Programの項目に

C:\Users\ログインユーザー名\AppData\Roaming\npm\lessc.cmd

を指定します。

あとは、lessファイルを作成し、保存する度に、cssファイルが自動で吐き出されます。

参考リンク

Less Filewatcher compiler in PHPStorm - Stack Overflow