コンパスのインストール_html/css_WEB-ITnose

ruby パッケージのソースを変更します

海外のサーバーは強力ではなく、リンクが頻繁に失敗するため、国内の淘宝網のものに置き換えてください: https://ruby.taobao.org/

削除最初に元のソースをインストールします

gem sources --remove https://rubygems.org/

Taobao ソースをインストールします:

gem sources -a https://ruby.taobao.org/

最初の 2 つのステップが成功したかどうかを確認します:

gem sources -l

コンパスのインストール

gem install compass

コンパスプロジェクトを作成します

最初にファイルを作成します (例: works)--------> このファイルに割り当てます cd works

compass create learn-compass-init //（init项目名字）

プロジェクトの作成が完了しました----->作成中に次のメッセージが表示されます:

おめでとうございます コンパスファイルが正常に作成されました

プロジェクトの Sass サブディレクトリで Sass スタイル ファイルを追加および編集できます。 -----開始と終了のサブディレクトリ構造
アンダースコアで始まる名前の Sass ファイルは部分ファイルと呼ばれ、主に他の Sass ファイルによって導入されるために使用されます。コンパイル中に個別に CSS ファイルにコンパイルされることはありません。 ----Sass ファイルの名前の付け方
生成された config.rb 設定ファイルを変更することでプロジェクトを設定できます。 ----config.rb ファイルを生成する役割を示します
Sass スタイルが変更された場合、実際に有効にするためには CSS にコンパイルする必要があります。
1. オンデマンドでコンパイルする: コマンド compass apply[path/to/project (プロジェクト パス-オプションのパラメーター)] を使用します。
2. ファイルの変更を監視し、自動的にコンパイルします: コマンド compass watch[path/to/project (project) を使用します。パス - オプションのパラメーター)]

プロジェクト ディレクトリ cd learn-compass-init に入り、モニタリングを実装します:

compass watch

scss 変換 sass コマンド:

sass-convert style.scss style.sass

逆変換、コマンドが可能同じように、ファイル名を変更するだけです