Softredes S.A.S.
https://www.softredes.co/rdsft2010/vista-previa-navegador-desde-sublime-text3-tres-metodos/
Export date: Mon Jul 6 1:29:44 2020 / +0000 GMT

Vista previa En el Navegador Desde Sublime Text3. Tres Métodos




Ver el video:

si estás en el edito de codigo HTML en Sublime Text y deseas comprobar cómo se ve en un navegador. Algunos editores de texto tienen una característica que le permite abrir la página en un navegador, con Sublime Text tienes varias formas de hacerlo. He aquí cómo hacerlo en Sublime Text.

Si tienes que al tratar de abrir un documento HTML desde Sublime Text3, y no sabes como hacerlo, aca en este blog encontraras 3 formas fáciles que podrás utilizar.

la primera forma que es el metodo mas fácil de utilizar es así:
  • Darle click derecho en el area de trabajo del código html
  • Escoger la opcion Open in Browser
  • Te llevara a la previsualización en el browser predeterminado por tu sistema.
sublime-text3-metodo-1

2.Instalar el plugin View In Browser. Es por medio de un plugin que se debe instalar en el suglime text 3, y se realiza de la siguiente manera:

  • Debemos ir al package control panel pulsando (para mac: cmd + shift + p /  para windows: ctrl + shift + p)
  • Escoger la opcion install package y preione ENTER
sublime-text3-metodo-2-imagen-1
  • Escribir en el cuadro de texto View In Browser (nombre del paquete a instalar) hasta que se seleccione el paquete, una vez que esta seleccionado, pulse ENTER /CLICK para instalarlo.
sublime-text3-metodo-2-imagen-2
  • Reinicie Sulbime Text 3.
  • Al tener abierta una pagina de edición en Sublime Text 3, telclear ctrl + alt + v
  • Se visualizara con el navegador web
  • Puede leer mas sobre el paquete de View In Browser en GitHub 1
3.Puedes crear un Build System (sistema de compilación) desde cero. Esto es un poco más de trabajo, pero también te dan más control. Ir a Tools>Build System > New Build System. Una nueva pestaña se abrirá en Sublime Text llamado untitled.sublime-build, con el siguiente texto:
{     "cmd": ["make"] }
  • Si utiliza un Mac, sustituirlo por el siguiente:
{     "cmd": ["open", "-a", "/Applications/MultiBrowser.app", "$file"] }
  • Si utiliza Windows, sustituirlo por el siguiente:
{     "cmd": ["C:Program Files", "$file"] }
  • Sustituye por el nombre de tu navegador.
  • para dejar en Mac configurado por defecto chrome, copia y pega el comando:

{

"cmd": ["open", "-a", "/Applications/Google Chrome.app", "$file"]

}

  • Guarda con el nombre de tu navegador como prefijo “Chrome.sublime-build”.
sublime-text3-metodo-3
  • Reinicia Sublime Text 3.
  • Ahora cuando se desea obtener una vista previa de su trabajo en Sublime Text en un navegador web, siga uno de los siguientes pasos:
  • Tecleamos cmd + b dentro de sublime text 3 para visualizar nuestro archivo html con el navegador que configuramos en equipos Mac y en equipos Windows Ctrl + b .
Su herramienta de selección navegador debería abrir, lo que permite elegir el navegador en el que desea ver su página web. Usted puede aprender más acerca de los sistemas de compilación de Sublime Text en http://www.sublimetext.com/docs/build 2 .
Links:
  1. https://github.com/adampresley/sublime-view-in-bro wser
  2. http://www.sublimetext.com/docs/build
Post date: 2016-11-03 03:43:42
Post date GMT: 2016-11-03 03:43:42

Post modified date: 2020-05-26 01:14:37
Post modified date GMT: 2020-05-26 01:14:37

Export date: Mon Jul 6 1:29:44 2020 / +0000 GMT
This page was exported from Softredes S.A.S. [ https://www.softredes.co/rdsft2010 ]
Export of Post and Page has been powered by [ Universal Post Manager ] plugin from www.ProfProjects.com