Cargando



Cambiar Navegador Predeterminado Visual Studio Code

Tutorial con vídeo para cambiar Navegador Predeterminado Visual Studio Code.


dic 22 2022 12:28
Avanzado

Visual Studio Code ha sido desarrollado como un editor de código fuente ligero el cual se ejecuta en el escritorio siendo posible usarse en sistemas operativos Windows, macOS y Linux, Visual Studio Code cuenta con soporte integrado para JavaScript, TypeScript y Node.js y dispone de un gran número de extensiones compatibles con otros lenguajes y tiempos de ejecución tales como C++, C#, Java, Python, PHP, Go, .NET y más.

 

Extensiones de Visual Studio Code
Las extensiones de Visual Studio Code nos da la opción de contar con soporte adicional para aspectos y segmentos como:

 

  • Idiomas: C++, C#, Go, Java, Python
  • Herramientas: ESLint, JSHint, PowerShell
  • Depuradores: PHP XDebug.
  • Keymaps: Vim, Sublime Text, IntelliJ, Emacs, Atom, Brackets, Visual Studio, Eclipse

 

 

Tutorial con vídeo para saber cómo instalar Visual Studio Code en Ubuntu de manera detallada paso a paso.

 

Requisitos para Visual
Para usar Visual Studio Code se requiere a nivel de sistema y hardware:

 

  • Memoria RAM de mínimo 1 GB
  • CPU de 1.6 GHz o superior
  • OS X El Capitán (10.11+)
  • Windows 8.0, 8,10, 11 (32-bit y 64-bit)
  • Linux (Debian): Ubuntu Desktop 16.04, Debian 9
  • Linux (Red Hat): Red Hat Enterprise Linux 7, CentOS 7, Fedora 34

 

 

Una de las ventajas de usar Visual Studio Code es que podemos implementar la función Live Server la cual permite que todo el trabajo realizado en la app podamos verlo reflejado en un navegador web, esto simplifica los procesos y permite ver el resultado final del trabajo, es posible que como desarrolladores deseemos establecer nuestro propio navegador y por esta razón Solvetic te explicará cómo llevar a cabo este proceso.

 

 

Para estar al día, recuerda suscribirte a nuestro canal de YouTube!
SUSCRIBETE EN YOUTUBE

 

Cómo cambiar navegador predeterminado Visual Studio Code

 

Paso 1

Abre Visual Studio Code:

 

 

Paso 2

En el Explorador de archivos vamos a crear una carpeta para alojar allí los archivos de configuración del proyecto:

 

 

 

Paso 3

Arrastramos a Visual Studio Code la carpeta donde estarán alojados los archivos:

 

 

Paso 4

Veremos el siguiente mensaje. Damos clic en "Si, confío en los autores" ya que es una carpeta creada por nosotros mismos, si se trata de una carpeta desconocida damos clic en “No, no confío en los autores” para crear un análisis en modo restringido de esta y así validar su integridad

 

 

Paso 5

Al dar clic allí veremos que se ha añadido la carpeta:

 

 

 

Paso 6

Damos clic sobre la carpeta para acceder a ella:

 

 

Paso 7

En la carpeta o proyecto en Visual Studio Code damos clic en el icono de archivo y asignamos el nombre deseado:

 

 

 

Paso 8

Pulsa Enter para acceder al panel de trabajo, allí ingresamos "HTML" y en las opciones seleccionamos "html:5":

 

 

Paso 9

Veremos el siguiente código estructurado:

 

 

Paso 10

Reemplazamos "Document" por el nombre deseado:

 

 

Paso 11

Vamos abajo de "Body" y allí ingresamos "h" y seleccionamos "h1", luego ingresamos el texto deseado como cuerpo del mensaje:

 

 

 

Paso 12

Ahora vamos a "Archivo - Preferencias - Configuración":

 

 

Paso 13

Damos clic en "Extensiones" y luego clic en "Live Server Config", en caso de no disponer de Live Server debemos ir a "Archivo - Preferencias - Extensiones" y allí buscar e instalar esta extensión:

 

 

Paso 14

Ahora si disponemos de Liver Server Config:

 

 

Paso 15

Damos clic en "Editar en "settings.json" para desplegar lo siguiente:

 

 

Paso 16

Copiamos la línea "liveServer,settings" y la pegamos en la parte inferior, añadimos una , en la línea original:

 

 

 

 

 

Paso 17

Borramos el texto "CmdLine" y "Advance":

 

 

 

Paso 18

Entre las comillas ingresamos el nombre del navegador, en este caso al ingresar el texto se puede seleccionar en las opciones desplegadas:

 

 

Paso 19

Pulsamos Enter o Tab para elegir el navegador disponible:

 

 

 

Paso 20

Guarda los cambios con esta combinación:

 

 

Ctrl + S

 

Paso 21

En el archivo creado damos clic derecho en algún lugar y seleccionamos "Open with Live Server":

 

19

 

Paso 22

Se abrirá el contenido en el navegador indicado:

 

 

Paso 23

Puedes cambiar el navegador ingresando el nombre de este en el archivo settings.json:

 

 

Paso 24

Aplica los cambios con:

 

Ctrl + S

 

Paso 25

En el archivo creado damos clic derecho en algún lugar y seleccionamos la opción "Open with Live Server":

 

 

 

Paso 26

Se abrirá en el nuevo navegador el contenido del archivo creado:

 

 

Nota
En caso de desear usar Microsoft Edge debemos ingresar el nombre “msedge”.

 

Esta es la manera como podemos cambiar el navegador por defecto en Visual Studio Code y con ello disponer de un medio para ver el código ejecutado.

 

Tutorial con vídeo para saber cómo instalar Visual Studio 2022 Preview en Windows.


¿Te ayudó este Tutorial?


Sin comentarios, sé el primero!

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!

X