Node.js se ha convertido en uno de los entornos de ejecución de JavaScript más populares. Se usa ampliamente para el desarrollo backend, lo que permite a los desarrolladores escribir código del lado del servidor con JavaScript. Visual Studio Code (VSCode) es uno de los mejores editores disponibles para codificar en Node.js, gracias a su diseño liviano, amplia compatibilidad con complementos y potentes funciones de depuración. En esta guía, le explicaremos cómo configurar y ejecutar Node.js en Visual Studio Code en Windows 11. Ya sea un principiante o un desarrollador experimentado, estos pasos le ayudarán a instalar, configurar y ejecutar Node. .js sin problemas en su sistema Windows 11. Al final de esta guía, estará listo para comenzar a crear y ejecutar aplicaciones Node.js usando VSCode. ¡Lee también! Cómo integrar ChatGPT con la aplicación Node.js usando la API OpenAI (2024) ¿Por qué usar Node.js con Visual Studio Code? Node.js es un poderoso tiempo de ejecución de JavaScript que permite a los desarrolladores ejecutar JavaScript fuera del navegador, particularmente en el lado del servidor. Emparejar Node.js con Visual Studio Code facilita la codificación y depuración de aplicaciones JavaScript, gracias a las herramientas integradas, las amplias extensiones y la interfaz fácil de usar de VSCode. El uso de Node.js en VSCode proporciona ventajas tales como: Terminal integrada: puede ejecutar comandos de Node.js directamente desde VSCode. Depuración: el potente depurador de VSCode le permite inspeccionar variables, establecer puntos de interrupción y recorrer el código. Extensiones: existen numerosas extensiones disponibles para hacer que el desarrollo de Node.js sea aún más eficiente. Ahora, entremos en el proceso paso a paso para configurar Node.js y ejecutarlo en Visual Studio Code en Windows 11. Paso 1: instalar Node.js en Windows 11 Antes de comenzar a usar Node.js en VSCode, Primero debe instalar Node.js en su sistema Windows 11. Descargar Node.js Descargue el instalador de Windows. Verá dos versiones disponibles, la versión LTS (soporte a largo plazo) y la versión actual. Para la mayoría de los usuarios, es mejor descargar la versión LTS, ya que es más estable y se recomienda para uso en producción. Instalar Node.js Abra el archivo de instalación descargado y siga las instrucciones de instalación. Asegúrese de marcar la opción «Instalar automáticamente las herramientas necesarias» si se le solicita. Esto garantiza que todas las dependencias y herramientas esenciales estén instaladas. La ruta de instalación predeterminada suele ser C:\Program Files\nodejs. Puedes dejarlo como está o cambiarlo si es necesario. Verificar la instalación Una vez completada la instalación, abra el símbolo del sistema o PowerShell (presione Windows + X y seleccione su opción preferida). Ejecute el comando node -v para verificar la versión de Node.js. Esto confirmará que Node.js está instalado correctamente. Ejecute npm -v para comprobar si el Administrador de paquetes de nodo (npm) está instalado. NPM viene con Node.js y se utiliza para administrar paquetes de JavaScript. En este punto, Node.js está instalado correctamente en su sistema Windows 11. A continuación, configuraremos Visual Studio Code. Paso 2: Instalación de Visual Studio Code Si aún no ha instalado Visual Studio Code, siga estos pasos: Descargue Visual Studio Code Instale Visual Studio Code: abra el archivo de instalación descargado. Siga las instrucciones de instalación y elija si desea crear un acceso directo en el escritorio o agregar VSCode a la ruta de su sistema. Estas opciones pueden hacer que iniciar VSCode sea más conveniente, pero son opcionales. Inicie Visual Studio Code: una vez que se complete la instalación, puede iniciar VSCode desde el acceso directo del escritorio o desde el menú Inicio. Paso 3: Configurar Node.js en Visual Studio Code Ahora que Node.js y VSCode están instalados, integremos Node.js con VSCode y asegurémonos de que esté listo para el desarrollo. Instale la extensión Node.js. Abra VSCode. Haga clic en el icono de Extensiones en el lado izquierdo o presione Ctrl + Shift + X para abrir el mercado de Extensiones. Busque “Paquete de extensión Node.js” e instálelo. Este paquete de extensión incluye varias herramientas que mejorarán su experiencia de desarrollo de Node.js, como fragmentos de código, compatibilidad con npm e IntelliSense (sugerencias de código inteligente). Abra un proyecto de Node.js Para comenzar a trabajar en un proyecto de Node.js, cree una nueva carpeta para su proyecto o abra una existente. Si no tiene un proyecto Node.js existente, puede crear un nuevo proyecto abriendo la terminal en VSCode (Ctrl +) y ejecutando npm init. Este comando le solicitará detalles para configurar un nuevo proyecto de Node.js. Ejecute el código Node.js. Cree un nuevo archivo JavaScript haciendo clic en Archivo > Nuevo archivo, luego guárdelo con una extensión .js (por ejemplo, app.js). Dentro de este archivo, escriba un código Node.js simple, como: console.log(‘¡Hola, Node.js!’); Abra la terminal (Ctrl +) y escriba node app.js para ejecutar el código. Deberías ver el resultado en la terminal, que mostrará «¡Hola, Node.js!». Paso 4: Depurar Node.js en Visual Studio Code Una de las grandes características de VSCode es su depurador integrado. Así es como puede depurar una aplicación Node.js: Establezca un punto de interrupción Abra su archivo JavaScript en VSCode. Haga clic a la izquierda de un número de línea en el código para establecer un punto de interrupción. Aparecerá un punto rojo que indica el punto de interrupción. Inicie la depuración Haga clic en el icono Ejecutar y depurar en el lado izquierdo o presione F5. Seleccione Node.js de la lista de entornos para depurar. VSCode iniciará la aplicación y se detendrá en el punto de interrupción, lo que le permitirá inspeccionar el estado actual de sus variables y recorrer el código línea por línea. Inspeccionar variables y paso a paso por el código Puede pasar el cursor sobre las variables para inspeccionar sus valores o usar la consola de depuración para ejecutar comandos y ver el resultado. Paso 5: Administrar paquetes de Node.js en VSCode Node.js usa npm (Node Package Manager) para administrar paquetes y bibliotecas externos. Así es como puede trabajar con npm en VSCode: Instalar un paquete Abra la terminal en VSCode. Ejecute el comando npm install . Por ejemplo, para instalar el popular marco Express.js, escriba: npm install express Usar paquetes instalados Una vez que el paquete esté instalado, puede importarlo a su archivo JavaScript usando la instrucción require, así: const express = require(‘express’ ); aplicación constante = expresar(); Ver paquetes instalados El archivo package.json se actualizará automáticamente con los detalles del paquete instalado. Puede ver todos los paquetes instalados allí o ejecutando npm list en la terminal. Preguntas frecuentes 1. ¿Necesito instalar npm por separado? No, npm se incluye con la instalación de Node.js. Cuando instala Node.js, npm se instala automáticamente. 2. ¿Puedo ejecutar Node.js sin Visual Studio Code? Sí, puede ejecutar Node.js desde cualquier terminal, pero VSCode proporciona una experiencia de desarrollo mejorada con herramientas de depuración, IntelliSense y más. 3. ¿Por qué mi código no se ejecuta en VSCode? Asegúrese de haber guardado su archivo con la extensión .js y de estar ejecutando el comando correcto (nodo .js) en la terminal. Además, asegúrese de que Node.js esté instalado correctamente. 4. ¿Puedo usar TypeScript con Node.js en VSCode? Sí, puede utilizar TypeScript instalando la extensión TypeScript y configurando su proyecto en consecuencia. Conclusión Configurar Node.js en Visual Studio Code en Windows 11 es un proceso sencillo que mejora enormemente su flujo de trabajo de desarrollo. Con Node.js instalado y VSCode configurado correctamente, podrá ejecutar aplicaciones JavaScript del lado del servidor, depurarlas de manera efectiva y administrar paquetes sin esfuerzo. Ya sea que esté creando scripts pequeños o aplicaciones a gran escala, esta configuración lo ayudará a lograr sus objetivos de codificación de manera eficiente. Por favor síguenos y dale me gusta: