LinuxParty
Angular 11 es un increíble framework para JavaScript.
Esta nueva versión no representa un gran cambio con respecto a la versión anterior, Angular 10, es decir, todo el código que tengamos hecho con Angular 10 es totalmente compatible y funcional con la versión 11, 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 preocupes, si sabes Angular 10, ya sabes Angular 11, y tus aplicaciones hechas en Angular 10 seguirán funcionando a la perfección, todo es igual a nivel de sintaxis
Ahora bien, Angular 11 trae algunas novedades, no muy radicales, pero novedades al fin y al cabo, son las siguientes:
- Inserción automática de fuentes y mejora general de este aspecto
- Introducen el HMR o remplazo de módulos en caliente
- Mejoras en el servicio de lenguaje
- Mejoras en el servicio de internacionalización
- Mejoras en el compilador y Angular CLI.
- Mejoras de rendimiento general y a nivel interno del framework.
- Las aplicaciones son ahora pesan menos y tienen mejor compresión.
- Corrección de bugs.
- Mejoras para la migración de proyectos hechos con versiones anterior de Angular.
- No hay cambios de sintaxis relevantes.
Estos son los cambios y mejoras más relevantes, ahora vamos a aprender a instalar Angular 11 con Angular CLI desde cero
Instalación
Veamos la instalación Angular 11 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:
Vía Web de victor robles.
npm
install
-g npm@latest
Paso 3. Borrar la cache de NPM:
npm cache clean --force
Paso 4. Desactivar las auditorias de NPM para evitar fallos:
npm
set
audit
false
Paso 5. Desinstalar los paquetes anteriores de Angular CLI
npm uninstall -g angular-cli
npm uninstall -g @angular/cli
Paso 6. Borrar la cache de NPM de nuevo:
npm cache clean --force
Paso 7. Instalar la última versión de Angular CLI para instalar Angular11:
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 hemos instalado y actualizado Angular CLI y ya podemos generar un nuevo proyecto de Angular 11
ng new
Seguimos el asistente respondiendo paso a paso:
- Primero nos pedirá el nombre del proyecto (no puedes meter espacios ni, guiones ni nada, solo letras y números juntos).
- Nos preguntará si queremos añadir el routing de angular, diremos que NO.
- Nos preguntará si queremos usar un formato especifico para los estilos css, le daremos a enter directamente.
- Esperamos a que el asistente acabe de generar nuestro proyecto de Angular 11.
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 en el fichero package.json, podrás comprobar que tienes la versión 11.
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 10, como instalar el framework y como usar Angular CLI para generar un proyecto base.
Ahora tendremos disponible la webapp de Angular 11 en http://localhost:4200/
Actualización de proyectos de Angular 10 al 11
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:
cd
carpeta_mi_proyecto_angular
Paso 2. Actualizar Angular CLI y Core a la versión 10 final:
ng update @angular/cli@9 @angular/core@10
Paso 3. Actualizar Angular CLI y Core a la versión 11 final:
ng update @angular/cli @angular/core
-
Programación
- Profesor de informática del MIT prueba el impacto de la IA en la formación de programadores
- Lanzamiento del IDE de código abierto Qt Creator 14 con soporte para complementos basados en Lua
- Plantillas para Joomla - Episodio 1: Plantillas, marcos y clubes o no...
- Este es el mejor libro que he visto para aprender a programar en Python en castellano desde cero, gratis y online
- ¿Deberían los niños seguir aprendiendo a programar en la era de la IA?
- La 'obsolescencia' de VBScript confirmada por Microsoft y su eventual eliminación de Windows
- El Gran Debate: ¿Deberían los Modelos de Inteligencia Artificial Ser de Código Abierto?
- El lenguaje de programación BASIC cumple 60 años
- El CEO de Nvidia dice que los niños no deberían aprender a programar
- 40 años de Turbo Pascal: recuerdos del dinosaurio codificador que revolucionó los IDE
- Los lenguajes de programación más populares y dónde aprenderlos.
- Top 5 de los principales lenguajes de programación para desarrollar aplicaciones de escritorio Linux
- Qt Creator 12 lanzado con complementos de grabación de pantalla y Explorador de compiladores
- 10 sitios web para practicar problemas de programación
- Rust en Linux: madurando con el soporte de Cisco, Samsung y Canonical