Instalación y configuración de Visual Studio Code y Node.js en Windows
Clase 3 de 55 • Curso de Fundamentos de JavaScript
Resumen
¿Cómo instalar Visual Studio Code en Windows para desarrollo JavaScript?
Visual Studio Code es una de las herramientas más populares para programadores gracias a su versatilidad y extensibilidad. Si eres nuevo en el desarrollo de JavaScript, te será crucial aprender cómo instalar y configurar este editor en Windows. Aquí te presentamos un paso a paso para comenzar.
-
Descarga de Visual Studio Code:
- Visita la página oficial de Visual Studio Code y selecciona tu sistema operativo, en este caso, Windows, para iniciar el proceso de descarga.
- Una vez completada la descarga, haz clic en el archivo descargado para comenzar la instalación.
-
Configuración inicial:
- Al abrir el instalador, acepta el acuerdo de licencia y sigue las indicaciones para seleccionar la ubicación de instalación.
- Configura las opciones adicionales, como la creación de un acceso directo en el escritorio.
-
Finaliza la instalación:
- Una vez completado, selecciona "Finalizar" y automáticamente Visual Studio Code se abrirá listo para ser utilizado.
¿Cómo crear un archivo JavaScript en Visual Studio Code?
Para escribir y ejecutar código JavaScript, necesitas crear un entorno adecuado dentro de Visual Studio Code. Sigue estos pasos para crear tu primer archivo JavaScript.
-
Creación de una carpeta:
- Navega a tu escritorio o a la carpeta de tu preferencia.
- Haz clic derecho, selecciona "Nuevo" y luego "Carpeta". Nombrala "Hola Mundo".
-
Configuración en Visual Studio Code:
- Dentro de Visual Studio Code, ve a "Archivo" y selecciona "Abrir carpeta".
- Selecciona la carpeta "Hola Mundo" que acabas de crear.
-
Creación del archivo JavaScript:
- Con la carpeta abierta en Visual Studio Code, crea un nuevo archivo llamado "holaMundo.js".
- Escribe tu primer código JavaScript utilizando
console.log
.
console.log("Hola Mundo Feliz 😊");
-
Guardar el archivo:
- Guarda los cambios realizados y asegúrate de que no haya indicadores de cambios pendientes en la interfaz de Visual Studio Code.
¿Cómo instalar Node.js para ejecutar JavaScript?
Node.js es esencial si quieres ejecutar JavaScript fuera de un navegador. A continuación, te mostramos cómo instalarlo en tu sistema.
-
Descarga e instalación de Node.js:
- Visita la página oficial de Node.js y opta por la opción de descarga que mejor se adapte a tu sistema operativo.
- Una vez descargado, sigue el proceso de instalación aceptando los términos y configurando la instalación según las sugerencias recomendadas.
-
Verificación de la instalación:
- Abre el símbolo del sistema en Windows.
- Escribe
node -v
y presiona enter. Si la instalación fue exitosa, aparecerá la versión de Node.js instalada en tu sistema.
¿Cómo ejecutar JavaScript en Visual Studio Code con Node.js?
Una vez que hayas configurado tu entorno, es hora de ejecutar tu primer programa JavaScript.
-
Apertura de la terminal en Visual Studio Code:
- Dirígete a la parte superior de Visual Studio Code y selecciona "Terminal" seguido de "Nueva Terminal".
-
Ejecución del archivo JavaScript:
- En la terminal, escribe el comando
node holaMundo.js
y presiona enter. - Deberías ver el mensaje "Hola Mundo Feliz 😊" impreso en la terminal, confirmando que tu script se ejecutó correctamente.
- En la terminal, escribe el comando
Con estos pasos, has logrado instalar Visual Studio Code, configurar tu primer entorno de desarrollo y ejecutar tu primer programa JavaScript. Continúa explorando y experimentando para mejorar tus habilidades en desarrollo. ¡El camino apenas comienza!