dogrunjp
4/25/2014 - 5:55 AM

IntelliJ IDEAのLESS環境を作る方法。

IntelliJ IDEAのLESS環境を作る方法。

1) Preferences > Plugins > Browse repositoriesで"LESS CSS Compiler"をインストールする
。
2) 環境をリスタートし、Preferences > LESS ProfilesでLESSソースディレクトリ、アウトプットするCSSディレクトリを入力する。"include files by path"はとりあえず *.lessにしている。あらかじめprojectにless用、css用のディレクトリを作っておく。

3) lessのコンパイルは右クリック> compile to css

4) File Watcherが設定されているとlessファイルに変更が加わったら即時的にCSSにコンパイルされるようになる。File Watcherの設定項目は自動的に入力されていたり、program pathだけ入力されていなかったりいろいろ。
program pathは自分のmacの場合は/usr/bin/lessだった。
winではlessc.cmdファイルへのパスを指定するらしい。

5) 新しく.lessファイルを作成しbootstrap.lessをインポートする。
```
@import "bootstrap.less"
```
自分のスタイルあ必用なコンポーネントおスタイルについてこのファイル上で上書きしていく。