CursosEmpresasBlogLiveConfPrecios

Instalación y Configuración de JavaScript en Visual Studio Code

Clase 2 de 55 • Curso de Fundamentos de JavaScript

Clase anteriorSiguiente clase
Resumen

¿Cómo instalar Visual Studio Code?

Para comenzar a escribir código en JavaScript, primero necesitamos un editor de código. Para esta tarea, se recomienda utilizar Visual Studio Code (VSC), una herramienta muy popular entre programadores por su flexibilidad y capacidades. Sigue estos pasos para instalarlo en tu computadora:

  1. Descargar Visual Studio Code:

    • Realiza una búsqueda en Google de "Visual Studio Code" o "VSC".
    • Entra en el sitio web oficial de descarga.
    • Escoge el sistema operativo de tu computadora (en este ejemplo, se usa Mac).
    • Descarga el archivo .zip proporcionado.

  2. Instalar Visual Studio Code:

    • Abre el archivo .zip descargado y ejecuta la aplicación de Visual Studio Code.
    • Confirma que deseas abrir la aplicación cuando lo indique el sistema.

¿Cómo instalar Node.js en Mac?

La instalación de Node.js, una plataforma popular para ejecutar JavaScript en el servidor, es esencial para ejecutar código JavaScript fuera del navegador. Aquí te mostramos cómo instalarlo en un sistema Mac:

  1. Abrir Terminal:

    • Presiona Command + Espacio y escribe "Terminal" para abrir la aplicación.
    • Aumenta el tamaño de la fuente si lo necesitas para mayor visibilidad.

  2. Ingresar comandos:

    • Copia los comandos necesarios del sitio de Node.js o de otra fuente confiable. Un comando típico es: 
      nvm install 20
    • Este comando instala la versión 20 de Node.js usando nvm (Node Version Manager).

  3. Verificar instalación:

    • Ejecuta el siguiente comando para verificar la versión instalada: 
      node -b
    • Este comando debería mostrar la versión instalada, confirmando que Node.js está listo para usar.

¿Cómo crear y ejecutar un programa "Hola Mundo" en JavaScript?

Crear tu primer programa "Hola Mundo" es un hito emocionate. Aquí aprenderás a hacerlo con JavaScript en Visual Studio Code:

  1. Abrir una carpeta en Visual Studio Code:

    • Haz clic en File o Archivo en el menú superior.
    • Selecciona Open Folder y elige la carpeta donde deseas trabajar.
    • Por ejemplo, abre una carpeta llamada "Hola Mundo".

  2. Crear un archivo JavaScript:

    • Con la carpeta abierta, busca el ícono para crear un nuevo archivo.
    • Nombrarlo "HolaMundo.js", asegurándote de que tenga la extensión .js para indicar que es un archivo JavaScript.
    • Escribe el siguiente código en el archivo: 
      console.log("Hola Mundo feliz 😊");

  3. Ejecutar el programa:

    • Guarda tu archivo.
    • Abre la terminal dentro de Visual Studio Code presionando Command+J.
    • Asegúrate de estar en la carpeta correcta en la terminal.
    • Ejecuta el archivo con: 
      node HolaMundo.js
    • Deberías ver "Hola Mundo feliz 😊" impreso en la terminal.

Estos pasos te introducen a los fundamentos básicos de cómo configurar tu entorno de trabajo para escribir y ejecutar JavaScript. La programación es un viaje continuo de aprendizaje y práctica, así que sigue explorando y mejorando tus habilidades. ¡Ánimo y sigue adelante con tus proyectos!