Como tener una vista previa de tus archivos (Live Preview) con este maravilloso Plugin para Sublime Text

Share on Pinterest
Comparte con tus amigos










Enviar

Navegando por la red en busca de cosas geniales me tope con un plugin genial para Sublime Text llamado Live Preview, que como su nombre lo dice nos permite tener una vista en vivo de los documentos que estemos trabajando, (no con la típica ventana fea), asi es, en vez de tener que guardar tu documento y recargar la pagina en el navegador cada vez que haces un cambio solo tendras que guardar el documento con Ctrl + S y el navegador automáticamente se actualizara y te mostrara los cambios realizados que hayas realizado. Es un plugin muy sencillo pero una maravilla.

Como hacer un Live Preview de tus archivos – Plugin para Sublime Text

 

Links utilizados en el tutorial:

Package Control: https://sublime.wbond.net/

Live Reload: https://sublime.wbond.net/packages/LiveReload

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

Share on Pinterest
Comparte con tus amigos










Enviar

FalconMasters Carlos Arturo

18 respuestas a “Como hacer un Live Preview de tus archivos – Plugin para Sublime Text”

  1. Carlos Zúñiga dice:

    Oooooh! esto es Genial
    gracias por compartirlo =)

  2. JORGE dice:

    NO ESTA DISPONIBLE PARA SUBLIME 3 VERDAD

  3. Snoopy diaz dice:

    ¡Me lo llevo!

    Grasias.

  4. Snoopy diaz dice:

    ¡Me lo llevo!

    Gracias.

  5. Josue Orozco dice:

    Brackets… En lo personal me gusta mas que ST, x pocas cosas, la verdad es q comparten muchas características, pero me inclino mas x Brackets me parece mas cómodo su área de trabajo :3

  6. david angel dice:

    usas grooveshark :v

  7. David Irigaray dice:

    No me va la extension en chrome, alguna solucion?Gracias

  8. Danny Restrepo dice:

    Ya no sirve para ST2 ?

  9. nicolas romano dice:

    Hola que onda no me aparece el plug-in para descargar en la lista desde sublime 2, como lo encuentro ademas la instalacion manual solo me muestra la version 3!! chaaangos, los tutoriales muy buenos, me sirvió mucho el del menu responsivo! :)

  10. Edgar dice:

    Si no les funciona a la primera en sublime text 3, agregar lo siguiente en la configuración del package:
    —————————————————————————————————————————
    Configure LiveReload Package Setting at Preferences > Package Settings > LiveReload > Setting – Default and paste this :

    {
    «enabled_plugins»: [
    «SimpleReloadPlugin»,
    «SimpleRefresh»
    ]
    }

  11. deivis castro dice:

    amigo y si yo quisiera instalar este plugin pero sin internet como le haria es mi caso

  12. Anny N'k dice:

    Hola Carlos que tal? recientemente me uni de lleno a tus cursos y esas
    cosas y pues di con este tuto pero el link de extensiones para navegador
    esta caido, tendras otro? solo me falta eso ;)

  13. Gerson Muñoz Lopez dice:

    Que puedo hacer para hacer lo mismo en Sublime text 3 ? gracias

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Aprende con nuestros cursos

React y Firebase: El Curso Completo, Práctico y desde Cero

React y Firebase: Curso Completo, Práctico y desde Cero

En este curso aprenderás React desde lo mas básico y paso por paso hasta un nivel avanzado donde podrás crear sitios y aplicaciones web reales.

Inicia el curso

Diseño Web Profesional El Curso Completo, Practico y desde 0

Bienvenido al Curso de Diseño Web, el curso en el que aprenderás paso por paso y desde cero todo lo que necesitas para convertirte en un diseñador web.

Inicia el curso

Bootstrap 5: El Curso Completo, Práctico y Desde Cero

Aprende Bootstrap 4, el framework de diseño web mas importante del mundo.

Inicia el curso
PHP y MYSQL: El Curso Completo, Practico y Desde Cero

PHP y MYSQL: El Curso Completo, Practico y Desde Cero

Aprende a crear cualquier Aplicacion y Sitio Web!. Aprende PHP y MySQL.

Inicia el curso