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

arielmirra

Ariel Mirra

Posted on July 18, 2020

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

💖 💪 🙅 🚩
arielmirra
Ariel Mirra

Posted on July 18, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related