less cssダウンロードと編集ツール

1458 ワード

http://www.lesscss.net
less.jsダウンロード
LESS 1.5は既にBeta 1バージョンをリリースしており、source mapなどの新機能をサポートしています.詳細な変更は更新ログを参照してください.
生産環境の使用提案は1.4.2安定バージョンをダウンロードします.
1.5.0 Beta 11.4.2もしあなたがIE 6、7、8で使用する必要があるなら、先にless.jsを導入する前に、es 5-shimを導入してください.
https://github.com/kriskowal/es5-shim
 
ブラウザ側で使用
LESSCSSは、コンパイルせずにブラウザ側で直接使用することもできます.
使用方法:
  • .LESSCSSの.jsファイルをダウンロードします.例えば、lesscss-1.4.0.min.js.
  • は、ページに導入されている.lessファイル
    <link rel="stylesheet/less" href="example.less" />
    
    は、relではなく、stylesheet/less属性の値であることに注意する必要がある.
  • 第1ステップのダウンロードを導入しました.jsファイル
    <script src="lesscss-1.4.0.min.js"></script>
    
  • 特に注意したいのは、ブラウザ側で使用する場合はajaxを使ってファイルを引き出します.lessファイルは、直接に本人ファイルシステムで開くか、あるいはドメインをまたぐ場合は引っ張り出せません.lessファイルは、スタイルが有効になりません.
    また、一部のサーバが未知の拡張子のファイルを404に返してしまい、正常に読み込めなくなります.lessファイルです.ソリューションは、サーバにおいて、lessファイルの構成MIME値がstylesheetです.また、もっと簡単な方法があります.つまり、直接に.lessファイルを.cssファイルに改名すればいいです.
     
    腫萼萼芰葃芰芫芫芫菶荎荎荎?菗菗菗菗
    Node.jsライブラリ
    LESSCSSのオフィシャルにNode.jsベースのライブラリがあります.編集用のlessファイルです.
    使用する場合は、まずグローバルにlessをインストールします.
    npm install-g lessは次にlesscを使ってコンパイルできます.lessファイルです.
    lessc example/example.less example/example.css