ホームページ > ウェブフロントエンド > htmlチュートリアル > Sass+compass+bootstrap三刀複合の効率開発記録_html/css_WEB-ITnose

Sass+compass+bootstrap三刀複合の効率開発記録_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:43:02
オリジナル
1373 人が閲覧しました

1. まず環境を設定し、node.js、rubyinstaller をダウンロードしてインストールします。これにより、rubyinstaller をインストールするときに、node.js の実行が Windows システム環境変数に自動的に追加されます。 .node.js を手動で作成するには、[次へ] をクリックして

2. Win+R cmd を実行し、プロジェクト CD を作成し、プロジェクトが保存されているディレクトリを入力して、compass を実行します。コマンド ライン ウィンドウで creat XXXXX (プロジェクト名) この方法で作成されたプロジェクトは、次のようなディレクトリを生成します

4. 右クリックして config.rb を開き、require の下に require 'bootstrap-sass' という行を追加します。 'compass/import-once/activate'

5 .sass ディレクトリで { @import "compass/reset"; を開くか、行 @import "bootstrap";

を追加します。6.先ほどコマンドウィンドウで compass コンパイルを実行すると、sass ディレクトリで操作したい .scss を実行してから compass コンパイルを実行できます。コマンド ウィンドウで watch -p を実行すると、自動的にコンパイルされます。.scss または .sass ファイルを変更し、スタイルシート内の対応する .css ファイルに出力します

これで完了です。 Sass、コンパス、ブートストラップについてある程度の知識がある庭師に適しています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート