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

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、コンパス、ブートストラップについてある程度の知識がある庭師に適しています。