Last active
August 29, 2015 14:00
-
-
Save dogrunjp/11278949 to your computer and use it in GitHub Desktop.
IntelliJ IDEAのLESS環境を作る方法。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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