Skip to content

Instantly share code, notes, and snippets.

@dogrunjp
Last active August 29, 2015 14:00
Show Gist options
  • Save dogrunjp/11278949 to your computer and use it in GitHub Desktop.
Save dogrunjp/11278949 to your computer and use it in GitHub Desktop.
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"
```
自分のスタイルあ必用なコンポーネントおスタイルについてこのファイル上で上書きしていく。
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment