プラグイン

LESS

 CSSが変数や関数を使って作成できる。

  1. Eclipseのエディタで補完などを使う
    1. 以下から、"Xtext"をインストール
      http://download.eclipse.org/modeling/tmf/xtext/updates/composite/releases/
    2. 以下から、"LESS"をインストール
      http://www.normalesup.org/~simonet/soft/ow/update/
  2. ファイル変更時にCSSを自動生成させる
    1. 以下のURLから、"lessc.zip"を取得し、適当なディレクトリへlessc.exeを展開
      http://digitalpbk.com/less-css/less-css-compiler-windows-lesscexe
    2. プロジェクトのプロパティの[ビルダー]で、"プログラム"を追加し、以下の設定を行う。
      • [メイン]の[ロケーション]に以下の設定
        C:\WINDOWS\system32\cmd.exe
      • [メイン]の[引数]に以下の設定(パスは環境に合わせて変更)
        /C
        start
        /MIN
        C:\tools\lessc\lessc.exe
        -m
        ${project_loc}\less\main.less
        ${project_loc}\WebContent\css\main.css
      • [リフレッシュ]の[特定のリソース]にCSSのディレクトリを指定
      • [ビルド・オプション]の[関連するリソースのワーキング・セットを指定]に.lessのあるディレクトリを指定
    3. 動作確認が出来たら、先ほどのビルダーの[ビルド・オプション]の[コンソールに割り当て]のチェックを外す

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2012-06-26 (火) 16:03:43 (2673d)