Desarrollo de aplicaciones NodeJs en WSL

En este artículo mostraré como instalar Node.js en WSL. También, veremos como escribir código, compilar y ejecutarlo en WSL desde Visual Studio Code.

Windows 11 Insider Preview Build 25131

En Windows 11, especificamente gracias a WSL - Windows Subssytem for Linux podemos instalar y ejecutar aplicaciones desarrolladas con Node.js de manera bastante sencilla y rápida.

Instalar Node.js en WSL

Preparamos WSL para la instalación de Node.js

1. Verificamos las versiones de Node.js y NVM que tenemos instaladas (se supone que no las tenemos):
2. Procedemos a instalar NVM (Node Version Manager):

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

3. Ahora, instalamos la última versión de Node.js:

nvm install node

4. Verificamos las versiones y listo:

Aplicacion en Visual Studio Code

Dentro del Visual Studio Code creamos la aplicación y procedemos a ejecutarla normalmente.

1. Creamos un archivo app.js
2. Escribimos las siguientes líneas de código:

var http = require('http');

http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hola desde cmas.dev!');
}).listen(8080);

3. Presionamos la tecla F5 y seleccionamos la opción Node.js:
4. Veremos los controles de depuración y en la consola veremos que ha creado la aplicación:
5. En el navegador de preferencia, colocamos la URL definida en el código y vermeos nuestro pequeña applicación:

Aplicacion en Visual Studio Code con WSL

Dentro del Visual Studio Code creamos la aplicación y procedemos a ejecutarla en WSL.

1. Descargar la extensión para desarrollo remoto aquí
2. Abrimos una nueva ventana de Visual Studio Code y hacemos clicn en el icono de acceso remoto:
3. Seleccionamos la opción de distro para WSL:
4. Marcamos la opción Ubuntu:
5. Abrimos la carpeta donde almacenaremos el proyecto (en Ubuntu):
6. Escribimos las siguientes líneas de código (con algunas diferencias del código anterior):

var http = require('http');

http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('¡Hola desde cmas.dev y WSL!');
}).listen(8081);

7. Ejecutamos la aplicación desde la Terminal de Ubuntu:
8. Abrimos el navegador y colocamos la dirección que especificamos en el código:

De esta manera hemos realizado una aplicación NodeJs en Windows directamente así como en WSL. Ambas opciones son válidas, nada más depende de la elección del desarrollador.

¡Espero resulte útil!

Ver también

• Construcción de un asistente contextual para escritorio usando IA local con acceso al sistema
• Integración de inferencia local ONNX con Windows ML en apps modernas
• Integración con servicios locales vía App Services y extensión de funcionalidades entre apps
• Implementación de Background Tasks persistentes en apps modernas
• Empaquetado de apps modernas con MSIX y configuración avanzada del manifiesto