Inicio Desarrollo web » Sistemas » Cursos » Videos Sobre mi Contacto Newsletter

Angular 9: Te explico sus novedades, instalación

y actualización
Inicio Angular Angular 9: Te explico sus novedades, instalación y actualización Buscador

Buscar
Like 2

Acaba de ser lanzada la nueva versión de Angular, la versión 9 de este poderoso framework para JavaScript. Entra a mis cursos online

Esta nueva versión no representa un cambio grande con respecto a la versión anterior, Angular 8, es decir, todo
el código que tengamos hecho con Angular 8 es totalmente compatible con la versión 9, no hay cambios de
sintaxis, por lo cual la migración de una versión a otra es muy fácil y tendremos ningún tipo de problema.

Novedades
No te alarmes, si sabes Angular 8, ya sabes Angular 9, y tus aplicaciones hechas en Angular 8 seguirán
funcionando a la perfección, todo es igual a nivel de sintaxis 😉

Ahora bien, Angular 9 trae algunas novedades, no muy radicales, pero novedades al nal, son las siguientes:

Nuevo compilador Ivy.

Mejoras en el compilador y Angular CLI.
Mejoras de rendimiento general y a nivel interno del framework gracias a Ivy.
Las aplicaciones son ahora pesan menos, mejor compresión y son más rápidas en general (mejorado con
Ivy).
Mejoras en el debugging y en los errores de compilación, ahora es mas fácil identi car errores y fallos en
el código.
Mejoras de rendimiento en el binding de clases y estilos.
Mejoras en la internacionalización
Mejoras para la migración de proyectos hechos con versiones anterior de Angular.
No hay cambios de sintaxis relevantes.

Estas son los cambios y mejoras más importantes, ahora vamos a aprender a instalar Angular 9 con Angular CLI
desde cero 🙂

Instalación
Veamos la instalación Angular 9 usando Angular CLI paso a paso. Sígueme y ve las novedades

Angular 9: Te explico sus novedades y como instalar el framework desde cero 🔴 Curso de A…
A… Victor Robles WEB

YouTube 129 k

Recibe contenido exclusivo ⬇

¡Apuntarme a la lista de correo!

Novedades en Desarrollo web

Master en Python:
Aprende Python,
Django, Flask, Tkinter y
más

Abr 3, 2020

Paso 1. Instalar NodeJS en su ultima versión, para eso entraremos a su web o cial y descargaremos el instalador
más actualizado https://nodejs.org/es/
Aprender CSS en
Paso 2. Actualizar NPM, el gestor de paquetes de node, para bajarnos las dependencias más actuales: 15 minutos
Mar 29, 2020
npm install -g npm@latest
Aprender HTML
en 15 minutos
Paso 3. Borrar la cache de NPM:
Mar 8, 2020

npm cache clean --force Curso de React –

Completo,
Paso 4. Desactivar las auditorias de NPM para evitar fallos: práctico y desde
cero
Feb 27, 2020
npm set audit false

Paso 5. Desinstalar los paquetes anteriores de Angular CLI

Categorías

npm uninstall -g angular-cli

npm uninstall -g @angular/cli
Cursos (54)
Paso 6. Borrar la cache de NPM de nuevo:
Desarrollo web (353)
npm cache clean --force
Angular (78)
Paso 7. Instalar la última versión de Angular CLI para instalar Angular9:
Codeigniter (4)

npm install -g @angular/cli@latest

Drupal 8 (5)

Puede ser que al instalar angular cli te pregunte que si quieres que Google utilice tus datos para mejorar
JavaScript (125)
Angular, ahí respondemos que no con la N y continuamos.
Laravel (24)
Ahora ya hemos instalado y actualizado Angular CLI y ya podemos generar un nuevo proyecto de Angular 9
NodeJS (19)
ng new
PHP (182)
Seguimos el asistente respondiendo paso a paso:
PHP POO (13)
1. Primero nos pedirá el nombre del proyecto (no puedes meter espacios ni, guiones ni nada, solo letras y
números juntos).
React (2)
2. Nos preguntará si queremos añadir el routing de angular, diremos que NO.
3. Nos preguntará si queremos usar un formato especi co para los estilos css, le daremos a enter directamente. Symfony2 (56)
4. Esperamos a que el asistente acabe de generar nuestro proyecto de Angular 8.
Symfony3 (39)

Ahora entraremos al directorio de nuestro proyecto y lanzaremos el servidor local de pruebas para Angular:
VueJS 2 (6)

cd NombreDelProyecto Yii Framework (20)

ng serve

Zend Framework 2 (36)

Puedes comprobar la versión de Angular que tienes en el chero package.json, podrás comprobar que tienes la
versión 9. Promociones (6)

En el caso de que te interese otra versión podrías modi car las versiones de tu chero package.json y lanzar el Sin categoría (3)
comando npm update o bien al hacer la instalación de angular cli después del @ indicar que versión del cli
queremos para poder instalar versiones anteriores. Sistemas (71)

Con esto ya sabemos como actualizar Angular CLI e instalar Angular 9, como instalar el framework y como usar Hardware (11)
Angular CLI para generar un proyecto base.
Linux (47)
Ahora tendremos disponible la webapp de Angular 8 en http://localhost:4200/
Shell Script (5)

Actualización de proyectos de Angular 8 al 9 Windows (28)

Para pasar un proyecto de Angular a la nueva versión sigue los siguientes pasos:
Paso 1. Entra a la carpeta de tu proyecto desde la consola de comandos: Videos (33)

cd carpeta_mi_proyecto_angular

Paso 2. Actualizar Angular CLI y Core a la versión 8 nal:

ng update @angular/cli@8 @angular/core@8

Paso 3. Actualizar Angular CLI y Core a la versión 9 nal:

ng update @angular/cli @angular/core

Y con eso seria su ciente para migrar a la nueva versión. Aun así, tambien puedes revisar esta guia, por si estos
pasos te dan algun problema: Guia migrar proyecto de Angular a la ultima versión.

¿Quieres aprender más?

Master en JavaScript: Aprende JavaScript, Angular, NodeJS y mucho más

Master en desarrollo web Full Stack: Angular, Node, Laravel, Symfony y más
Master en Frameworks para JavaScript: Aprende React, Angular, Vue.js y más

Nos seguimos viendo en mis cursos de desarrollo, en este blog y en mi canal de YouTube 😉

También te gustará:

Curso de Angular 4 Novedades e Instalación Angular y NodeJS en Como usar HttpClient en Incluir librerías externas
de Angular 8 producción: Con gurar Angular 7 (Servicios, en Angular
un servidor VPS REST)

Me gusta 2

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

Poner un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Comentario

Nombre *

Correo electrónico *

Web

Enviar comentario

Desarrollado por Victor Robles © 2020