Pro webové vývojáře nezbytná věc. Dříve jsi dělal ctrl+s v editoru, alt+tab do prohlížeče, F5 v prohlížeči a alt+tab zpět do editoru. Nyní už stačí jen ctrl+s v editoru. LiveReload zařídí vše okolo.

1\ Instalace

$ sudo gem install guard-livereload
Building native extensions.  This could take a while…
ERROR:  Error installing guard-livereload:
ERROR: Failed to build gem native extension.

/usr/bin/ruby1.9.1 extconf.rb
/usr/lib/ruby/1.9.1/rubygems/custom_require.rb:36:in `require’: cannot load such file — mkmf (LoadError)
from /usr/lib/ruby/1.9.1/rubygems/custom_require.rb:36:in `require’
from extconf.rb:4:in `<main>’

Gem files will remain installed in /var/lib/gems/1.9.1/gems/ffi-1.9.3 for inspection.
Results logged to /var/lib/gems/1.9.1/gems/ffi-1.9.3/ext/ffi_c/gem_make.out

Pokud se nezadaří jako mně:

$ sudo apt-get install ruby-dev

Následující extra balíky budou instalovány:
ruby1.9.1-dev
$ sudo gem install rdoc $ sudo gem install guard-livereload
Successfully installed guard-livereload-2.1.0
1 gem installed
Installing ri documentation for guard-livereload-2.1.0…
Installing RDoc documentation for guard-livereload-2.1.0..

2\ instalace browser extension např. do firefoxu

http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browser-extensions-

3\ inicializace guardu

Vstup do adresáře daného webu a spusť:

$ guard init livereload

10:09:53 – INFO – Writing new Guardfile to /var/www/web/Guardfile
10:09:53 – INFO – livereload guard added to Guardfile, feel free to edit it

$ vim  Guardlife

guard ‘livereload’ do
watch(%r{.+\.(css|js|html|jpg|png)})
end

 4\ spustíš guard:

$ guard
10:17:33 – INFO – Guard is using NotifySend to send notifications.
10:17:33 – INFO – Guard is using TerminalTitle to send notifications.
10:17:33 – INFO – LiveReload is waiting for a browser to connect.
10:17:33 – INFO – Guard is now watching at ‘/var/www/web’

5\ připojíš web

Stiskneš tlačítko

Výběr_010

 

10:17:48 – INFO – Browser connected.
10:18:23 – INFO – Reloading browser: style/style2.cssA13076.new

Trackback

Žádný komentář do teď

Přidejte svůj komentář