Instalar Angular 15 desde cero

Facebook
Twitter
LinkedIn
WhatsApp

Table of Contents

¿Qué es Angular?

instalar angular

Angular es un framework de desarrollo web de código abierto desarrollado y mantenido por Google. Se utiliza para construir aplicaciones web de una sola página (Single Page Applications o SPAs) y aplicaciones móviles híbridas utilizando tecnologías web como HTML, CSS y JavaScript.

Angular está basado en el patrón de arquitectura de software Modelo-Vista-Controlador (MVC) y utiliza un lenguaje de plantillas declarativo para definir la estructura de la interfaz de usuario de la aplicación. También incluye una serie de características útiles para el desarrollo web, como la inyección de dependencias, el enrutamiento, la validación de formularios y la animación.

Algunas de las ventajas de Angular son su alta escalabilidad y la capacidad de realizar cambios dinámicos en la interfaz de usuario sin necesidad de recargar la página. Además, Angular es ampliamente utilizado y cuenta con una gran comunidad de desarrolladores, lo que hace que sea fácil encontrar recursos y soluciones a los problemas comunes.

¿Qué es node JS?

instalar node.js

Node.js es un entorno de tiempo de ejecución de JavaScript que permite ejecutar código JavaScript en el lado del servidor. Fue desarrollado en 2009 por Ryan Dahl y está construido sobre el motor V8 de JavaScript de Google, que también se utiliza en el navegador Google Chrome.

Node.js proporciona un conjunto de módulos y bibliotecas preconstruidos que pueden ser utilizados por los desarrolladores para crear aplicaciones web escalables y de alto rendimiento. Con Node.js, los desarrolladores pueden escribir código tanto del lado del cliente como del lado del servidor utilizando un lenguaje de programación común, lo que simplifica el proceso de desarrollo y mejora la eficiencia.

Además, Node.js tiene un modelo de E/S sin bloqueo, lo que significa que el proceso no se detiene mientras espera que se complete una operación de E/S. Esto permite que Node.js maneje múltiples solicitudes simultáneamente de manera eficiente, lo que lo convierte en una excelente opción para aplicaciones en tiempo real y escalables.

Instalar Angular

Paso 1. Instalamos Node.js

Lo primero para instalar Angular, nos descargamos e instalamos Node.js. A poder ser descargaremos la versión LTS (Son las siglas de Long Term Support, que viene a significar Soporte a Largo Plazo).

Instalar Angular 15 desde cero 3

Para comprobar que ya tenemos instalado Node.js, tenemos que abrir nuestra terminal (si utilizamos Windows, consola con Win+R y escribimos cmd):

Escribimos el siguiente comando:

node -v

Instalar Angular 15 desde cero 5

Paso 2. Instalamos Angular

En la propia consola, ejecutamos el siguiente comando:

npm install -g @angular/cli

Instalar Angular 15 desde cero 7

Para comprobar que ya está instalado Angular Cli (Command Line Interface), y conocer su versión, vamos a ejecutar el siguiente comando:

ng version

Instalar Angular 15 desde cero 9

Paso 3. Creamos un proyecto basado en Angular

Una vez que la instalación esté completa, puedes crear un nuevo proyecto de Angular ejecutando el siguiente comando en la terminal:

ng new lacodigoteca

Instalar Angular 15 desde cero 11

Nos pregunta si queremos añadir el routing de Angular, indicamos que si (Y).

Instalar Angular 15 desde cero 13

Nos pregunta si queremos utilizar algún preprocesador de CSS (SASS,SCSS…), podemos elegir el que nos convenga, en mi caso utilizaré SCSS y pulsamos a INTRO.

Instalar Angular 15 desde cero 15

Al terminar la instalación es posible que nos indique algun warning. En este caso es debido a si utilizamos control de versiones, mas bien conocido como GIT. Para resolver esos warnings, podemos ejecutar este comando:

git config --global core.autocrlf false


Paso 4. Ejecutamos el proyecto de Angular

Una vez que el proyecto esté creado, ingresa al directorio del proyecto ejecutando el siguiente comando:

cd lacodigoteca

Instalar Angular 15 desde cero 17

Finalmente, ejecuta el servidor de desarrollo de Angular con el siguiente comando:

ng serve

Instalar Angular 15 desde cero 19

Este comando compilará y ejecutará el proyecto en un servidor local en el puerto 4200. Ahora puedes abrir tu navegador web y acceder a http://localhost:4200 para ver tu aplicación de Angular en acción.

¡Listo! Ahora estás listo para comenzar a desarrollar tu aplicación de Angular.

Instalar Angular 15 desde cero 21

¿Te ha gustado este artículo?

Aquí te dejamos un enlace a la categoría de Angular, por si quieres añadir utilidades a tus componentes 😉

Facebook
Twitter
LinkedIn

Deja un comentario

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

Scroll al inicio