Requisitos

Preparación del entorno

IDE Recomendado: Visual Studio Code

Dependencias: Node.js

Es un entorno de ejecución de que permite ejecutar código JavaScript en el servidor, fuera del navegador.

• npm (Node Package Manager): Es el gestor de paquetes de Node.js. Se usa para instalar librerías y gestionar dependencias en proyectos de JavaScript.

• npx (Node Package Runner): Permite ejecutar paquetes de Node.js sin necesidad de instalarlos globalmente en tu sistema.

Creación del proyecto

Creamos un directorio y ejecutamos el comando para crear un proyecto React.

npx create-react-app mi-proyecto-react

Lanzamos la aplicación.

npm start

Para abrir el servicio acceder a http://localhost:3000

Errores frecuentes

Ejecución de scripts deshabilitada en el sistema

Cuando la ejecución de scripts está deshabilitada en el sistema obtendremos un error similar a:

No se puede cargar el archivo C:\Program Files\nodejs\npm.ps1 porque la ejecución de scripts está deshabilitada en este sistema. Para obtener más información, consulta el tema about_Execution_Policies en https:/go.microsoft.com/fwlink/?LinkID=135170. En línea: 1 Carácter: 1

Abrimos el promp del sistema y comrpobamos el estado de la ejecución de scripts:

Get-ExecutionPolicy
Restricted

Habilitamos la ejecución de scripts:

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

Verificamos que se ha habilitado correctamente:

Get-ExecutionPolicy
RemoteSigned

Web-Vitals no instalado

Error A complete log of this run can be found in: C:\Users\Miguel\AppData\Local\npm-cache_logs\2025-02-10T17_00_38_134Z-debug-0.log npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0 failed

Desde el terminal del IDE (Ctrl + Shift + ñ), Instalamos el package de web-vitals:

npm install web-vitals