Novedades e Instalación de Angular 8

Acaba de salir la nueva versión de Angular, la versión 8 de este gran framework para JavaScript.

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

Novedades

No te preocupes, si sabes Angular 7, ya sabes Angular 8, y tus aplicaciones hechas en Angular 7 seguirán funcionando perfectamente, todo es igual 😉

Ahora bien, Angular 8 trae algunas novedades, no muy grandes, pero novedades al fin y al cabo, son las siguientes:

  • Mejoras de rendimiento a nivel interno del framework.
  • Las aplicaciones son ahora pesan menos, mejor compresión y arrancan más rápido.
  • Nuevas funcionalidades para rutas hijas en el routing de Angular.
  • Mejoras en el compilador y Angular CLI.
  • Mejoras para la migración de proyectos hechos con versiones anterior de Angular.
  • Soporte para web workers.
  • No hay cambios de sintaxis relevantes.

Estas son las novedades más importantes, ahora vamos a aprender a instalar Angualr 8 con Angular CLI paso a paso 🙂

Instalación

Veamos la instalación Angular 8 usando Angular CLI paso a paso.

Paso 1. Instalar NodeJS en su ultima versión, para eso entraremos a su web oficial y descargaremos el instalador más actualizado https://nodejs.org/es/

Paso 2. Actualizar NPM, el gestor de paquetes de node, para bajarnos las dependencias más actuales:

npm install -g npm@latest

Paso 2. Borrar la cache de NPM:

npm cache clean --force

Paso 3. Desactivar las auditorias de NPM para evitar fallos:

npm set audit false

Paso 4. Desinstalar los paquetes anteriores de Angular CLI

npm uninstall -g angular-cli
npm uninstall -g @angular/cli

Paso 5. Borrar la cache de NPM de nuevo:

npm cache clean --force

Paso 6. Instalar la última versión de Angular CLI para instalar Angular 8:

npm install -g @angular/cli@latest

Puede ser que al instalar angular cli te pregunte que si quieres que google utilice tus datos para mejorar Angular, ahí respondemos que no con la N y continuamos.

Ahora ya tenemos instalado y actualizado Angular CLI y ya podemos generar un nuevo proyecto de Angular 8

ng new

Seguimos el asistente respondiendo paso a paso:

  1. Primero nos pedirá el nombre del proyecto (no puedes meter espacios ni, guiones ni nada, solo letras y números juntos).
  2. Nos preguntará si queremos añadir el routing de angular, diremos que NO.
  3. Nos preguntará si queremos usar un formato especifico para los estilos css, le daremos a enter directamente.
  4. Esperamos a que el asistente acabe de generar nuestro proyecto de Angular 8.

Ahora entraremos al directorio de nuestro proyecto y lanzaremos el servidor local de pruebas para Angular:

cd NombreDelProyecto
ng serve

Puedes comprobar la versión de Angular que tienes dentro del fichero package.json, podrás comprobar que tienes la versión 8.

En el caso de que te interese otra versión podrías modificar las versiones de tu fichero package.json y lanzar el 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.

Con esto ya sabemos como actualizar Angular CLI e instalar Angular 8, como instalar el framework y como usar Angular CLI para generar un proyecto base.

Ahora tendremos disponible la webapp de Angular 8 en http://localhost:4200/

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

Víctor Robles WEB

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post