DEV Community

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

Posted on • Edited on

25 3

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

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

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!

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay