Desarrollo de Node.js con VS Code

Visual Studio Code (abreviado VS Code) es un editor de código gratuito y de código abierto desarrollado por Microsoft, y es uno de los editores más populares para el desarrollo de Node.js en la actualidad.

Ventajas principales

• Soporte integrado para Node.js: proporciona funciones como autocompletado inteligente de código y depuración.
• Amplia variedad de extensiones: se pueden instalar varias herramientas de desarrollo de Node.js desde el mercado de extensiones.
• Terminal integrado: ejecuta programas de Node.js directamente en el editor.
• Ligero y rápido: inicio rápido y bajo consumo de recursos.

Instalar VS Code

1. Visitael sitio web oficial de VS Code
2. Descarga la versión correspondiente a tu sistema operativo.
3. Sigue el asistente de instalación para completar la instalación.
4. Tutorial completo de VS Code:https://www.example.com/vscode/vscode-tutorial.html

Además, en China, Alibaba y ByteDance también tienen IDEs de IA desarrollados sobre VS Code:

Extensiones recomendadas

1. Node.js Extension Pack: paquete que incluye varios complementos relacionados con Node.js.
2. JavaScript (ES6) code snippets: proporciona fragmentos de código ES6+.
3. Auto Rename Tag: renombra automáticamente etiquetas HTML/XML.
4. ESLint: herramienta de verificación de calidad de código.
5. Prettier: herramienta de formato de código.
6. npm Intellisense: autocompletado de paquetes npm.
7. Path Intellisense: autocompletado de rutas de archivos.

Crear tu primer proyecto de Node.js

Inicializar el proyecto

1. Abre la terminal (presiona Ctrl+` en VS Code).
2. Crea una carpeta para el proyecto y entra en ella:

   mkdir my-node-app
   cd my-node-app

3. Inicializa el proyecto npm:

   npm init -y

   Se generará un archivo package.json:

   

Crear el archivo principal

1. En VS Code, creaapp.jsun archivo
2. Ingresa el siguiente código:

   Ejemplo

   const http = require('http');
   
   const server = http.createServer((req, res) => {
     res.statusCode = 200;
     res.setHeader('Content-Type', 'text/plain');
     res.end(' EJEMPLO Node Test ~ Hello, Node.js!\n');
   });
   
   const port = 3000;
   server.listen(port, () => {
     console.log(`Dirección del servidor en ejecución: http://localhost:${port}/`);
   });
   

Ejecutar el proyecto

1. Ejecuta en la terminal:

   node app.js

   

2. Abre el navegador y visitahttp://localhost:3000

   

Ten en cuenta que al escribirconsole.el código, IntelliSense de VS Code puede proporcionar sugerencias de código:

Depurar aplicaciones Node.js

VS Code ofrece potentes funciones de depuración:

Configurar la depuración

1. Haz clic en el icono 'Ejecutar y depurar' en la barra de actividades a la izquierda.
2. Haz clic en 'Crear archivo launch.json'
3. Selecciona el entorno 'Node.js'

Establecer puntos de interrupción

1. Haz clic a la izquierda del número de línea del código para establecer un punto de interrupción.
2. Presiona F5 para iniciar la depuración.
3. Usa la barra de herramientas de depuración para controlar el flujo de ejecución.

Control de depuración

• Continuar (F5): continúa la ejecución hasta el siguiente punto de interrupción.
• Paso por encima (F10): ejecuta la línea actual sin entrar en la función.
• Entrar paso a paso (F11): entra dentro de la función.
• Reiniciar (Ctrl+Shift+F5): reinicia la depuración.
• Detener (Shift+F5): finaliza la depuración.