DEV Community

Cover image for Cómo actualizar Angular-CLI de forma rápida y eficiente
Ariel Mirra
Ariel Mirra

Posted on • Edited on

Cómo actualizar Angular-CLI de forma rápida y eficiente

Tengo que admitir que soy fan del logo

Siempre lo mismo

Para muchos desarrolladores (me incluyo) actualizar Angular no es tan fácil como poner un comando en la terminal y chau. Me llegan avisos de que mi versión diverge con otras, me encuentro leyendo sobre las mejoras de la última versión y cuando me decido a actualizar mi cabeza está en blanco... ¿Se romperá algo? ¿Qué comandos tengo que correr? Si también te pasa algo así, acá dejé explicado mi experiencia para que a vos también te sirva:

Primero que nada, chequeamos nuestra versión del cli (Command Line Interface) haciendo:

 ng --version # para angular-cli v7 o menos ng version # para angular-cli v8+ 
Enter fullscreen mode Exit fullscreen mode

Si queremos actualizar debemos primero desinstalar la actual versión de angular-cli del sistema:

 sudo npm uninstall -g angular-cli # Mac o Linux npm uninstall -g angular-cli # Windows (requiere Powershell en modo administrador) 
Enter fullscreen mode Exit fullscreen mode

Por si las moscas, siempre verifico el caché a ver si no le erré:

 sudo npm cache verify sudo npm cache clean # opcional para gente con TOC como yo 
Enter fullscreen mode Exit fullscreen mode

Y por fin llegó el momento más esperado, darle darle una buena bienvenida a todas esas nuevas features y fixes:

 sudo npm install -g @angular/cli@latest 
Enter fullscreen mode Exit fullscreen mode

La flag -g significa ‘global’, hace que esté disponible en cualquier parte del sistema.

Obviamente que vamos a volver a chequear la versión para asegurarnos:

 PS C:\Users\arimi> ng version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 8.2.2 Node: 12.8.0 OS: win32 x64 Angular: ... Package Version ------------------------------------------------------ @angular-devkit/architect 0.802.2 @angular-devkit/core 8.2.2 @angular-devkit/schematics 8.2.2 @schematics/angular 8.2.2 @schematics/update 0.802.2 rxjs 6.4.0 
Enter fullscreen mode Exit fullscreen mode

Colorín colorado

Hasta acá todo anduvo bien? Perfecto, ya podes cerrar esto y seguir con tu vida. Suerte!

Esto no ha terminado

¿Tuviste problemas? No importa, vamos por los más comunes a ver si lo solucionamos.

Si a la hora de instalar se colgó infinitamente la instalación:

  • Probá si tu conexión es decente
  • Puede ser problema de proxy, corré lo siguiente:
 npm config rm proxy npm config rm https-proxy 
Enter fullscreen mode Exit fullscreen mode

Esto vuelve la configuración de proxy a default y de repente todo funciona y compila y somos felices.

Listo para mi, ahora seguís vos

Espero que te haya servido para aprender algo nuevo, ahora te toca seguir aprendiendo y profundizando. Gracias por estar acá y pensás que le puede servir a alguien que conocés o al equipo, compartilo.

Un saludo, Ariel Mirra.

instagam | linkedin | otros proyectos

Top comments (4)

Collapse
 
salcidogrijalva profile image
Salcido Grijalva

Excelente y conciso.

Collapse
 
arielmirra profile image
Ariel Mirra

Gracias!!

Collapse
 
nocnica profile image
Nočnica Mellifera

Gracias por la ayuda! Voy a emepezar mi proximo projecto en Angular este semana.

Collapse
 
arielmirra profile image
Ariel Mirra

Gracias y mucha suerte!