sublimetext3 - paquetes - ¿Cómo instalo LiveReload en Sublime Text 3?

package control sublime text 3

Question

Estoy usando Sublime Text 3 y quiero usar LiveReload . Tengo un complemento de navegador para Chrome ya instalado. Node.js también está instalado.

Para Sublime Text 3 Live Reload este complemento debe estar instalado: https://github.com/dz0ny/LiveReload-sublimetext2

¿Cómo puedo instalarlo en Windows 7? Simplemente dice algo acerca de los usuarios de Linux y OSX.

Answer 1

El complemento mencionado en los comentarios, LiveReload , está disponible tanto para ST2 como para ST3, como lo indica el gráfico en el enlace Control de paquetes que acabo de proporcionar. También funciona bien en Windows, ya que la mayoría de sus usuarios están en esa plataforma. El repositorio de Github puede llamarse " LiveReload-sublimetext2 ", pero si lees la documentación, también menciona claramente ST3. Las instrucciones de Linux y OS X en el archivo Léame son para la instalación usando git . También puedes usar git en Windows (si está instalado), pero el autor aparentemente no tenía ganas de poner instrucciones explícitas en el archivo README. En su lugar, el método preferido de instalación es a través del control de paquetes, como se describe anteriormente por el tipo de usuario DaV. Si su comentario desaparece, haz esto:

1. Abrir texto sublime 3.
2. Abra la paleta de comandos con Ctrl Shift P.
3. Escriba pci para que aparezca P ackage C ontrol: I nstall Package . Presiona Enter .
4. Escriba en livereload y asegúrese de que se selecciona el paquete deseado. Si no es así, utilice las teclas de flecha. Presiona Enter .
5. Lea la documentation y agregue el JavaScript apropiado a sus documentos, o descargue un complemento del navegador (que parece que ya ha hecho, por lo que es bueno para usted).
6. Ve a desarrollar.

Answer 2

En lugar de recargar en vivo, sugeriría la sincronización del navegador, hace lo mismo solo que mejor y sin la necesidad de molestos complementos del navegador.

https://www.youtube.com/watch?v=Rv5f_v5gqw4

Answer 3

Ha pasado mucho tiempo. Ahora, para el texto sublime 3, puede encontrar el complemento LiveReload más actualizado here .

Me encuentro con este problema cuando intenté configurar la vista previa en vivo de los archivos de reducción (no he probado en otros tipos de archivos). Creo que puede estar interesado.

• Primero, necesitas instalar sublimetext-markdown-preview . Siga las instrucciones que hay sobre cómo obtener una vista previa en brower .

  use cmd+shift+P luego Markdown Preview para mostrar los siguientes comandos (se le pedirá que seleccione el analizador que prefiera):

  • Vista previa de Markdown: Vista previa en el navegador

• Utilice el control de paquetes para instalar here .

  Con el control del paquete:

  Ejecute el comando “Control de paquete: instalar paquete”, busque e instale LiveReload> plugin. Reinicie el editor ST (si es necesario)

• Edite la configuración del usuario del complemento LiveReload en Preferences->Package Settings->LiveReload->Setting - User , agregue lo siguiente:

  {"enabled_plugins": ["SimpleReloadPlugin"]}

Ahora puede usar livereload mientras edita sus archivos de rebajas.

Cómo encontrar el nombre exacto del plugin

El repositorio de github no está claro cómo configurar el complemento en la configuración del usuario, simplemente proporciona una lista de complementos compatibles sin dar sus nombres reales. Después de inspeccionar el paquete (ver la imagen a continuación), encontré los nombres exactos de esos complementos:

1. CompassPlugin
2. LESSPlugin
3. CoffeescriptPlugin
4. SimpleReloadPlugin
5. SimpleReloadPluginDelay

Answer 4

LiveReload Sublime text3 ： https://github.com/Grafikart/ST3-LiveReload

Pero el uso parece haber cambiado: habilite los complementos deseados a través de Command Palette (Ctrl + Shift + P) agregue livereload.js a su documento html.

Answer 5

Plataforma que utilicé: Linux Mint 17+
Quiero agradecer a http://anthozano.fr/livereload-pour-sublime-text-3/ . Pude ejecutar la recarga en vivo en el texto sublime 3 con las instrucciones en el sitio web. Sin embargo, el sitio web está escrito en francés (creo que dijo Google Translate), así que pensé que podría escribir los pasos aquí.

Primero instale el texto sublime 3 desde aquí http://www.sublimetext.com/3 o siga su propia forma que prefiera (lo hice con el Administrador de paquetes de Linux mint).

En segundo lugar, instale el control de paquetes desde aquí https://packagecontrol.io/installation#st3 (las instrucciones se encuentran claramente en el sitio web, así que no lo expliqué mucho).

Tercero, abra el control de paquetes (Atajo: Ctrl+Shift+P ) y busque el Package Control: Add Repository

Ahora viene una región para ingresar la URL en la parte inferior de la ventana del texto sublime 3. Ingrese https://raw.github.com/Grafikart/ST3-LiveReload/master/package.json .

Nuevamente, abra el control de paquetes y busque Package Control: Install Package y luego busque LiveReload en la próxima ventana.

Configure la configuración del paquete LiveReload en Preferences > Package Settings > LiveReload > Setting - Default y pegue esto:

{ "enabled_plugins": [ "SimpleReloadPlugin", "SimpleRefresh" ] }

Ahora, para su navegador, instale el complemento LiveReload de la siguiente manera:
Firefox : http://download.livereload.com/2.1.0/LiveReload-2.1.0.xpi
Chrome : https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
Safari : http://download.livereload.com/2.1.0/LiveReload-2.1.0.safariextz

No olvide habilitar el complemento LiveReload en el navegador una vez que lo haya instalado, para que pueda ver los cambios de código reflejados en el navegador de inmediato.

Nota: los usuarios de Chrome, para que LiveReload admita file:// pages, vayan a chrome://extensions/ y marque Allow access to file URLs .

Instantánea tomada de Safari para Mac OSX:

Disfrutar, Live Reload con Sublime Text 3.

Gracias a Anthony Lozano por http://anthozano.fr/livereload-pour-sublime-text-3/ .