Saltar al contenido

▷ ¿Como Activar LIVE SERVER en Visual Studio Code?

agosto 8, 2019
instalar live server en visual studio code
Ayúdanos con un clic en la publicidad

Como activar live server de visual studio code

Aprende a activar un servidor gratis, para ver el codigo que estas desarrollado, ¿Aun no sabes y pagas por servidores? Aprovecha esta gran extensión y aprende a utilizar y activar el Live server.

Debes tener en cuenta que la instalación de extensiones en vscode, es la misma que en todos los sistemas operativos, ya sea un ordenador windows, mac, linux, etc.

Lo primero y importante que debes hacer es tener instalado el editor de código. Si aún no lo tienes puedes entrar al siguiente enlace, para instalarlo completamente gratis. Aquí es donde instalar live server en visual studio code.

Tener un servidor gratis para Visual Studio Code

Ya teniendo nuestro Visual Studio Code activado, lo que debes hacer es lo siguiente: Sigue los pasos al pie de la letra para que no te pierdas en ninguno de estos.

  1. Abre VS Code.
  2. Debes buscar “Extensiones” o “Extensions” ya sea desde la lateral izquierdo el logo con un cuadrado o bien le das a View y extensions. Existe el metodo rápido que es (Shift+Cmd+X).visual studio code
  3. Luego buscas Live Server e instalar. Dandole al boton verde que de Install.visual studio code
  4. Seguidamente ya tendrias esta extensión instalada, lo unico que te queda por hacer es corroborar si esta realmente está funcionando. Lo que tienes que hacer es abrir un documento html, le das a click derecho en el código html, finalmente le das click a “Open With Live Server” o la función rápida (Cmd+L Cmd+O).

Ya se te abrirá una nueva pestaña en Chrome, dependiendo del navegador que le tengas destinado y sea tu predeterminado.

Ayúdanos con un clic en la publicidad

De esta manera ya podrás disfrutar de una pestaña con tu código traducido que se actualiza a medida que vas guardando el código en tu vscode.

como tener un servidor de desarrollo web con vscode

Te preguntarás como usar live server en visual code, es lo más sencillo, la unica funcion que tiene que es crear un servidor con la traducción de tu código en tiempo real, ¿Como usarlo? Solo debes tener tu codigo, darle a click derecho y “open with live server”.

live server visual studio code chrome

Para activar y aprender a como cambiar el navegador predeterminado con vs code “Abrir servidor en vivo” es la siguiente manera, hay muchas preguntas que se otorgan como:

  • How to change default browser with VS Code’s “open with live server”?

Bueno la razon, por que se abre el navegador predeterminado, es por que tienes predeterminado el navegador con el cual se abre, si quieres cambiarlo a chrome, debes ir los ajustes de tu ordenador y cambiar el navegador predeterminado del sistema.

Ayúdanos con un clic en la publicidad

De esta manera visual studio code, tomará las medidas y automáticamente te abrirá el navegador predeterminado que tengas en tu sistema.

Our Reader Score
[Total: 1 Average: 5]