初めてのsass compass(初期設定)
初めてsassを導入したので、インストールの仕方をメモ。
sass compassを入れる前に、インストールしておいた方がいいツール↓
【初心者向け】mac osx10.8(mountain lion)でRuby on Railsを動かす為の5ステップ
↑を終えた後に
———————————————-
~sassをインストール~
まずターミナルを開いて、下記のコマンドを入力してインストールしましょう。
sudo gem install sass
———————————————-
~compassをインストール~
sassと同じく、ターミナルで下記を入力してインストール。
sudo gem install compass
———————————————-
以上でインストールは完了。
次にどこでもいいので、ディレクトリを作成します。
ディレクトリを作成した後にターミナルで作成したディレクトリに入ります。
cd ~~
(cd=Change Directory)
cd の後に作成したフォルダをドラッグ&ドロップで中に入れます。
作成したフォルダの中に入ったら下記のコマンドを入力しましょう。
compass create
———————————————-
実行すると下記のようなファイルがファイルが作成されます。
├── config.rb
├── sass
│ ├── ie.scss
│ ├── print.scss
│ └── screen.scss
└── stylesheets
├── ie.css
├── print.css
└── screen.css
以上で準備完了。
———————————————-
メモ
・compass compile(screen.scssを保存したときにscreen.cssにコンパイルするためのコマンド)
・compass watch(自動でコンパイルするためのコマンド)
・compass create –sass-dir “sass” –css-dir “css” –javascripts-dir “js” –images-dir “img”(フォルダ名を自分の好きな名前にしたい時)











