Instala Visual Studio Code

Clase 3 de 80 • Curso de JavaScript Desde Cero

Clase anteriorSiguiente clase

Antes de empezar tu curso deberás instalar Visual Studio Code, si ya lo tienes instalado entonces puedes avanzar al módulo Primeros Pasos y saltar esta clase. Si es la primera vez que lo instalas aquí te dejamos el paso a paso de cómo hacerlo.

  1. Descarga Visual Studio Code:
  • Ve a la página de descargas de Visual Studio Code: Visual Studio Code - Descargas.
  • Descarga la versión para macOS haciendo clic en el enlace correspondiente.
  1. Instala Visual Studio Code:
  • Abre el archivo .dmg descargado.
  • Arrastra el ícono de Visual Studio Code a la carpeta "Aplicaciones" para instalar la aplicación.
  1. Abre Visual Studio Code:
  • Ve a la carpeta "Aplicaciones" y busca Visual Studio Code.
  • Haz clic en el icono para abrir la aplicación.
  1. Crea un Archivo HTML:
  • En Visual Studio Code, crea un nuevo archivo haciendo clic en "File" -> "New File" o usando el atajo Cmd + N.
  • Guarda el archivo con la extensión .html. Por ejemplo, index.html.
  1. Escribe un "Hola Mundo" en JavaScript:
  • Dentro del archivo index.html, escribe el siguiente código HTML y JavaScript:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Mi Primer Proyecto</title> </head> <body> <h1>Hola Mundo desde JavaScript</h1> <script> console.log('¡Hola Mundo desde JavaScript!'); </script> </body> </html>
  1. Guarda el Archivo:
  • Guarda el archivo haciendo clic en "File" -> "Save" o usando el atajo Cmd + S.
  1. Abre el Archivo en el Navegador:
  • Haz clic derecho en el archivo index.html en Visual Studio Code.
  • Selecciona "Open with Live Server" si tienes la extensión "Live Server" instalada (puedes instalarla desde el menú de extensiones en VSC).

¡Y eso es todo! Ahora has instalado Visual Studio Code y creado un archivo HTML con un "Hola Mundo" en JavaScript. Puedes abrir el archivo en tu navegador para ver el resultado.