Skip to content

Instantly share code, notes, and snippets.

@wfpaisa
Last active February 20, 2016 18:07
Show Gist options
  • Save wfpaisa/467bf3faa7bf5a1a2df7 to your computer and use it in GitHub Desktop.
Save wfpaisa/467bf3faa7bf5a1a2df7 to your computer and use it in GitHub Desktop.
livereload

1. Instalar unas gemas hay algunas de mas, pero serviran

sudo apt-get install ruby-dev  || para fedora sudo dnf install ruby-devel
sudo gem install rdoc
sudo gem install guard
sudo gem install guard-livereload
sudo gem install bundler

sudo gem install compass
sudo gem install guard-compass

2. Ir al directorio que se desea que guard escanee y crear un archivo llamdo (Guardfile) con el siguiente contenido, nota: Guard se vale de este archivo para saber que es lo que puede recargar (revisar identacion al pegar).

group :development do
    if File.exists?("./config.rb")
        # Compile on start.
        puts `compass compile --time --quiet`
        guard :compass do
            watch(%r{(.*)\.s[ac]ss$})
        end
    end

    guard :livereload do
        watch(%r{.+\.(css|js|tpl)$})
        #watch(%r{.+\.(css|js|tpl|scss)$})
    end

end
Contenido minimo del Guardfile:
group :development do
     guard :livereload do
         watch(%r{.+\.(css|js|tpl|html)$})
     end
end

3. Correr guard estando en el directorio donde se encuentra el archivo Guardfile:

guard

puede que salga un error, si sale correr el siguiente comando por primera vez, de ahi en adelante ejecutar solo 'guard'en la consola:

bundle exec guard

Con esto ya debe de estar corriendo guard en la tarminal, nota: para salir presionar : 'e' y enter


4. Por ultimo el navegador necesita un plugin que escucha el puerto que establecio guard, para ello instalar la exteción de su navegador aqui: http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browser-extensions-

Nota: una vez instalada la extención se vera un icono de livereload en el navegador, ir al sitio y encender livereload.

EXIT

Para salir de la ejecución en la consola solo ingresar: exit

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment