Lessリソースのまとめ

4035 ワード

GUIコンパイルツール
簡単のために、初心者はGUIコンパイルツールを使ってコンパイルすることをお勧めします。lessファイルは、以下のいくつかのオプションのGUIコンパイルツールです。
  • koala(Win/Mac/Linux)国人が開発したLESSCSS/SASSコンパイルツールです。ダウンロードアドレス:http://koala-app.com/index-zh.html
  • Codekit(Mac)Less/Sass/Style/CoffeeScript/Jade/Hamlを自動コンパイルするツールで、文法検査、画像最適化、自動更新などの追加機能があります。ダウンロードアドレスhttp://incident57.com/codekit/
  • WinLess(Win)は、LESSコンパイルソフトウェアです。ダウンロードアドレスhttp://winless.org/
  • SimpleLess(Win/Mac/Linux)は、LESSコンパイルソフトウェアです。ダウンロードアドレスhttp://wearekiss.com/simpless
  • Node.jsライブラリ
    LESSCSSのオフィシャルにNode.jsベースのライブラリがあります。編集用のlessファイルです。
    使用する場合は、まずグローバルにlessをインストールします。
    npm install -g less
    
    次にlesscを使って編集できます。lessファイル:
    lessc example/example.less example/example.css
    
    もっと多くのオプションは直接lesscを実行して説明を見ることができます。
    Gunt.jsプラグイン
    grunt-contrib-less
    その他の言語
    Java
    LESS Egine (Rhinoエンジンでless.jsを実行)LESS CSS Compler for Java (Rhinoエンジンでless.jsを実行)Less 4 j (オリジナルJava実現).Net
    LESS CSS for.Net PHP
    lessphp BW LESS CSS (WordPressプラグイン)Ruby
    Less.js In Ruby's V 8 Enggine 関連記事
    webstorm用firewatchコンパイルless koala(英語) プロジェクトに盲目的にLESSCSSを使わないでください。(このレビューはとても見ものです。^O^)なぜweb開発にLESSCSSを使うべきですか? VSS 2012にLESSCSSをサポートさせます。(sublimeなどのエディタでも同様の方法が使用できます)Using Less.js to Simplify Your CSS 3 私のLESSコンパイルプラン Sublime Text 2のLess 2 ssプラグインの紹介とインストール less処理@argmentsに関する上級テクニック Twitter Bootstrap:フロントフレームの利器