En esta sección, aprenderás a configurar tu entorno de desarrollo para escribir y ejecutar código JavaScript. Tener un entorno bien configurado es crucial para facilitar el proceso de desarrollo y depuración.

Node.js es un entorno de ejecución de JavaScript que te permite ejecutar JavaScript en el servidor. npm (Node Package Manager) es el gestor de paquetes de Node.js, que te permitirá instalar bibliotecas y herramientas adicionales.

1. Descargar Node.js:

   • Visita la página oficial de Node.js: Node.js
   • Descarga la versión recomendada para la mayoría de los usuarios.

2. Instalar Node.js:

   • Ejecuta el instalador descargado y sigue las instrucciones en pantalla.
   • Asegúrate de que la opción para instalar npm también esté seleccionada.

3. Verificar la instalación:

   • Abre una terminal o línea de comandos.
   • Ejecuta los siguientes comandos para verificar que Node.js y npm se han instalado correctamente:

     node -v
     npm -v
     

   • Deberías ver los números de versión de Node.js y npm.

Un buen editor de código es esencial para escribir y depurar código JavaScript de manera eficiente. Aquí te recomendamos algunos de los editores más populares:

VS Code es un editor de código fuente gratuito y de código abierto desarrollado por Microsoft. Es muy popular entre los desarrolladores de JavaScript debido a su gran cantidad de extensiones y características.

Pasos para instalar VS Code:

1. Descargar VS Code:

   • Visita la página oficial de Visual Studio Code: Visual Studio Code
   • Descarga la versión correspondiente a tu sistema operativo.

2. Instalar VS Code:

   • Ejecuta el instalador descargado y sigue las instrucciones en pantalla.

3. Configurar Extensiones:

   • Abre VS Code.
   • Ve a la sección de extensiones (icono de cuadrados en la barra lateral izquierda) y busca las siguientes extensiones recomendadas:
     • ESLint: Para la detección de errores y el análisis estático de código.
     • Prettier: Para el formateo automático del código.
     • JavaScript (ES6) code snippets: Para fragmentos de código útiles.
     • Live Server: Para lanzar un servidor de desarrollo local.

• Sublime Text: Un editor de texto ligero y rápido.
• Atom: Un editor de texto hackeable para el siglo XXI.
• WebStorm: Un IDE de JavaScript completo (de pago).

Una vez que tengas Node.js, npm y un editor de código instalados, es hora de configurar tu primer proyecto JavaScript.

1. Crear una carpeta de proyecto:

   • Abre una terminal o línea de comandos.
   • Navega a la ubicación donde deseas crear tu proyecto.
   • Crea una nueva carpeta y navega dentro de ella:

     mkdir mi-proyecto-javascript
     cd mi-proyecto-javascript
     

2. Inicializar un proyecto npm:

   • Ejecuta el siguiente comando para inicializar un nuevo proyecto npm:

     npm init -y
     

   • Esto creará un archivo package.json con la configuración predeterminada.

3. Crear un archivo JavaScript:

   • En tu editor de código, crea un nuevo archivo llamado index.js dentro de la carpeta del proyecto.

4. Escribir tu primer código JavaScript:

   • Abre index.js y escribe el siguiente código:

     console.log('¡Hola, mundo!');
     

5. Ejecutar el código JavaScript:

   • En la terminal, asegúrate de estar en la carpeta del proyecto y ejecuta:

     node index.js
     

   • Deberías ver ¡Hola, mundo! impreso en la terminal.

En esta sección, has aprendido a configurar tu entorno de desarrollo para JavaScript, incluyendo la instalación de Node.js, npm y un editor de código. También has configurado tu primer proyecto JavaScript y ejecutado tu primer programa. Con este entorno listo, estás preparado para sumergirte en el mundo de JavaScript y comenzar a escribir código de manera eficiente.

En la siguiente sección, exploraremos la sintaxis y los conceptos básicos de JavaScript para que puedas empezar a escribir programas más complejos.