SCSS変更→CSS生成→LiveReloadでCSS反映自動化

gistfile1.txt

# Chromeの最新Dev版にLiveReloadをインストール
# Chromeの拡張機能管理画面でLiveReloadの「ファイルの URL へのアクセスを許可する」にチェックを入れておく

# ターミナルでguard関係のセットアップ
$ gem install rb-fsevent
$ gem install em-websocket
$ gem install guard
$ gem install guard-livereload
$ gem install guard-sass

# 作業フォルダでGuardfileを生成
$ guard init sass
$ guard init livereload

# Guardfileをファイル構成にあわせて下記のように編集
guard 'sass', :output => 'css' do
  watch(%r{css/.+\.scss})
end

guard 'livereload' do
  watch(%r{.+\.html})
  watch(%r{(css/|js/).+\.(css|js)})
end

# 作業フォルダでguard監視開始
$ guard

# 対象ファイルをChromeで開いて LiveReload ボタンをクリックするだけ！