less & sass

961 ワード

lessとは


LessはCSS前処理言語で、CSS言語を拡張し、変数、混合(mixin)、関数などの機能を追加し、CSSをメンテナンスしやすくし、テーマの作成、拡張を容易にします.Lessはノード、ブラウザ、Rhinoプラットフォームで実行できます.ネット上には、Lessソースのコンパイルを支援するサードパーティ製のツールがたくさんあります.

less構文


中国語ドキュメント
1.lessのインストール
$ npm install -g less

2.コマンドラインの使い方
$ lessc styles.less

使用後のlessはあなたのCSSファイルにリダイレクトします
$ lessc styles.less > style.css

3.watch用法取付watch
$ npm install -g watch

watchの使用
$ watch "less style.less > style.css"

これで自動的にリダイレクトできます

sass


中国語ドキュメント 1.sass Sassとは、成熟した、安定した、強力なCSS拡張言語です.
2.sassのインストール、nodeバージョンのインストール
$ npm i -g node-sass