Cuando estamos trabajando con nuestro código en el editor de VS Code por defecto es necesario mover el scroll horizontal para ver todo el código de una línea si la extensión de la misma es mayor al ancho de la ventana.
Podemos modificar éste comportamiento y que se produzcan saltos de línea conforme el código ocupe el total del ancho del editor.
Para hacerlo en Mac presionamos las teclas ⇧⌘P y en Windows F1.
Se abrirá un cuadro de dialogo desde el cual buscaremos > settings
Abrimos la configuración de usuario settings.json y añadimos una nueva línea con la siguiente configuración:
Comando para desinstalar la instalación global de Create React App con npm, yarn y limpiar la caché sin romper tus proyectos.
Cada vez que ocurren algunos cambios en el ecosistema JavaScript, es fácil encontrarse con pequeños errores que frenan el flujo de trabajo. Uno bastante habitual aparece al intentar crear una nueva aplicación React y descubrir que existe una instalación global antigua de Create React App.
Esto puede generar conflictos porque, desde hace tiempo, la recomendación es evitar depender de una versión global instalada en tu equipo y usar directamente npx. Si estás trabajando en proyectos React, también puede venirte bien repasar esta guía sobre TypeScript: primeros pasos para mejorar la base técnica de tus aplicaciones.
El aviso suele aparecer de forma parecida a este mensaje:
You are running `create-react-app` 5.0.1, which is behind the latest release.
La instalación global de Create React App puede quedar desactualizada y provocar errores al iniciar nuevos proyectos. Por eso, lo más recomendable es eliminar esa instalación global, limpiar la caché y volver a ejecutar el comando correcto.
Eliminar la instalación global de Create React App con npm
Si instalaste Create React App de forma global usando npm, puedes eliminarlo con este comando
npm uninstall -g create-react-app
Este comando desinstala el paquete global de tu sistema. Es decir, elimina esa versión antigua que puede estar interfiriendo cada vez que intentas crear una nueva aplicación React.
Si en lugar de npm utilizaste Yarn para instalarlo de forma global, el comando sería este:
yarn global remove create-react-app
El resultado es el mismo: quitar la instalación global para evitar que el sistema siga utilizando una versión antigua de Create React App.
Limpiar la caché 🧹
npx clear-npx-cache
Y con esto ya podemos continuar creando nuestra nueva aplicación con React ✌
npx create-react-app your-app-name
Por qué conviene evitar la instalación global
Instalar herramientas globalmente puede parecer cómodo, pero tiene un inconveniente importante: con el tiempo pueden quedar desactualizadas. Cuando eso ocurre, los nuevos proyectos pueden empezar con una configuración antigua o mostrar avisos inesperados.
Por eso, en muchos casos es preferible usar herramientas como npx, que permiten ejecutar paquetes sin mantener una instalación permanente en tu equipo. Este enfoque ayuda a mantener un entorno de trabajo más limpio y reduce los conflictos entre versiones.
En resumen: si Create React App te muestra un aviso de versión antigua, lo mejor es desinstalar la versión global, limpiar la caché y crear el proyecto con npx. Es una solución rápida, sencilla y suficiente para evitar conflictos al iniciar nuevas aplicaciones React.
