• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Cursos online y materiales digitales para estudiantes y desarrolladores web

  • CURSOS
  • BLOG
  • QUIÉN SOY
  • FAQ
  • ACCEDER
  • CONTACTO

Extensiones para Visual Studio Code: Live Server y Five Server

Publicado el 30/04/2023 por Ada 4 Comments

¿Qué son Live Server y Five Server?

Live Server y Five Server son dos extensiones de Visual Studio Code que permiten crear un servidor web en tu equipo.

¿Pero qué es un servidor web?

Un servidor web permite servir contenido web a través de un puerto específico en el equipo local. Así el contenido estará accesible a través de un navegador. De este modo podemos utilizarlo para visualizar y probar aplicaciones web de manera sencilla y rápida.

Podemos abrir perfectamente un archivo HTML sin un servidor utilizando un navegador. Así vemos el contenido del archivo pero no necesariamente lo estamos sirviendo a través de un servidor web.

En cambio, si usamos Live Server, servimos el contenido a través de un servidor web local que ejecuta nuestro código en tiempo real y que, además, nos permite realizar cambios y ver los resultados inmediatos sin actualizar la página en el navegador cada vez que hacemos un cambio en el código, pudiendo interactuar con la aplicación de manera dinámica.

¿Qué características ofrecen?

Tal y como indica el desarrollador de Live Server, Ritwick Dey, en la página web oficial de la extensión, las características que ofrece son, entre otras:

  • Un servidor web de desarrollo rápido con recarga de navegador en vivo.
  • Iniciar y detener el servidor con un solo clic en la barra de estado.
  • Soporte para excluir archivos para detección de cambios.
  • Control de teclas de acceso rápido.
  • Número de puerto personalizable, raíz del servidor, navegador predeterminado.
  • Compatibilidad con cualquier navegador (p. ej., Firefox Nightly) mediante la línea de comandos avanzada.
  • Conexión remota a través de WLAN.
  • Soporte SVG, https, para proxy y para cualquier archivo, incluso páginas dinámicas, a través de Live Server Web Extension.
  • Admite espacio de trabajo multiroot.
  • Soporte https.

Por su parte, Yannick, en la página oficial de Five Server, cuenta que su extensión permite:

  • Actualizar archivos al instante mientras escribes en el teclado.
  • Resalta el código en el que estás trabajando en tu navegador.
  • Navega automáticamente a través del navegador al archivo de edición actual.
  • Incluye soporte PHP para server y recargar en vivo los archivos .php.
  • Admite toda las aplicaciones renderizadas del lado del servidor, como express.js.
  • Registros remotos visibles en la terminal.

Análisis a fondo de la extensión

Pero si lo que quieres es ver cómo funciona la extensión a fondo, en este videotutorial que he grabado para Garage de Ideas podrás verla en vivo y en directo:

Y tú, ¿la has probado? ¿Qué te parece? ¿Conoces alternativas interesantes? ¡Déjame un comentario y cuéntamelo!

Filed Under: Herramientas Tagged With: extensión, herramientas, visual studio code

Reader Interactions

Comments

  1. pitopeludo says

    11/05/2023 at 21:31

    Es interesante

    Accede para responder
    • Ada says

      14/05/2023 at 20:10

      ¡Sí! ¿Verdad?

      Accede para responder
  2. pitopeludo says

    11/05/2023 at 21:31

    wou

    Accede para responder
    • Ada says

      14/05/2023 at 20:10

      Accede para responder

Deja una respuesta Cancelar la respuesta

Lo siento, debes estar conectado para publicar un comentario.

Footer

Didacticode

Cursos para estudiantes y docentes del mundo de la informática.
Retos: retos resueltos de programación.
Tips&Tricks: trucos y consejos.
Boleticodes: boletines de noticias.
Quiénes somos: Ada, Edu... y Laura.
Contacto¡Contacta conmigo!

Legal

Aviso legal
Política de privacidad
Cookies

Redes Sociales

Youtube
Twitter
Instagram
Facebook
Twitch
LinkedIn
Gitlab
Github

Didacticode © 2023

¡Cómo no! Este sitio también utiliza cookies para mejorar la experiencia de tu visita.

Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los AJUSTES.

Resumen de privacidad
Didacticode

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.