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ファイル 第1ステップのダウンロードを導入しました.jsファイル 特に注意したいのは、ブラウザ側で使用する場合はajaxを使ってファイルを引き出します.lessファイルは、直接に本人ファイルシステムで開くか、あるいはドメインをまたぐ場合は引っ張り出せません.lessファイルは、スタイルが有効になりません.
また、一部のサーバが未知の拡張子のファイルを404に返してしまい、正常に読み込めなくなります.lessファイルです.ソリューションは、サーバにおいて、lessファイルの構成MIME値が
腫萼萼芰葃芰芫芫芫菶荎荎荎?菗菗菗菗
Node.jsライブラリ
LESSCSSのオフィシャルにNode.jsベースのライブラリがあります.編集用のlessファイルです.
使用する場合は、まずグローバルにlessをインストールします.
npm install-g lessは次にlesscを使ってコンパイルできます.lessファイルです.
lessc example/example.less example/example.css
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は、コンパイルせずにブラウザ側で直接使用することもできます.
使用方法:
<link rel="stylesheet/less" href="example.less" />
は、rel
ではなく、stylesheet/less
属性の値であることに注意する必要がある.<script src="lesscss-1.4.0.min.js"></script>
また、一部のサーバが未知の拡張子のファイルを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