livereload + guard-liverload 实现自动刷新

livereload官网：http://livereload.com/

livereload就不多介绍了，网上有很多例子，但大部分都是基于node环境，在node上开启server来检测，例如我们用得nodewebx+chrome下livereload插件，或grunt/gulp+chrome下livereload插件。

我本地有个特殊的环境，就是用nginx/apche来开启server的，目的是使用远程上后端的代码，这样上面的方案就都不行了。

google了一下，终于找到了guard-livereload

guard-livereload官网：https://rubygems.org/gems/guard-livereload

guard-livereload github: https://github.com/guard/guard-livereload#readme

首先安装

$ gem install guard-livereload

如果安装失败，可能需要翻墙

然后在你的工程目录下使用

$ guard init livereload

会在根目录生成一个Guardfile（如果使用git,记得配置ignore哦）

然后你可以打开Guardfile进行配置

guard ‘livereload‘ do
  watch(%r{app/views/.+\.(erb|haml|slim)})
  watch(%r{app/helpers/.+\.rb})
  watch(%r{public/.+\.(css|js|html)})
  watch(%r{config/locales/.+\.yml})
  # Rails Assets Pipeline
  watch(%r{(app|vendor)(/assets/\w+/(.+\.(css|js|html))).*}) { |m| "/assets/#{m[3]}" }
end

最后

$ guard

即可。

在浏览器上点击livereload图标，空心圆变实心了就大功告成了。