CompassでProjectを作成してみよう

compass create 2

Compassのインストールまでおわりましたので、さっそくCreateコマンドでProjectを作成してみます。C:\Users\kmats\Documents\projectの下に「new_project」という名前で、Projectを作ります。

1. コマンドプロンプトから以下のコマンドを入力して「Enter」キーを押します。

compass create 1

compass create new_project

 

2. 「Congratulations! Your compass project has been created.」と表示されました。Projectが作成されました。

compass create 2

3. エクスプローラーで、作成された「new_project」フォルダ内を見てみます。

compass create 3

  • sassフォルダ
  • stylesheetsフォルダ
  • config.rb

2つのフォルダーと1つのファイルが作成されます。

4. 「sass」フォルダ内です。

compass create 4

  • ie.scss
  • print.scss
  • screen.scss

3つのファイルが作成されます。

5. 「stylesheets」フォルダ内です。

compass create 5

  • ie.css
  • print.css
  • screen.css

3つのファイルが作成されます。