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
中国語ドキュメント
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
$ npm i -g node-sass