Instalar Angular Material

¡Hola a todos! 👋 Hoy quiero hablarte sobre Angular Material, una biblioteca de componentes UI que te ayudará a crear interfaces de usuario elegantes y consistentes de manera rápida y sencilla. 🎨💻 Si estás desarrollando una aplicación con Angular y quieres asegurarte de que tenga un aspecto profesional y una excelente usabilidad, Angular Material es la solución perfecta. En este artículo, te guiaré a través del proceso de instalación y configuración de Angular Material en tu proyecto. ¡Prepárate para llevar tu aplicación al siguiente nivel con Angular Material! 🚀🛠️

Pre-requisito

Tener instalado Angular, te dejo un tutorial de como hacerlo: Hola Mundo - Angular en 5min LEVANTA tu primera APP (kevsteer.blogspot.com)

1. Iniciar un nuevo proyecto

ng new NOMBRE_PROYECTO

2. Instalación
Ejecuta el siguiente comando como lo indica la documentación oficial Getting started | Angular Material

ng add @angular/material

O Bien para una versión en específico:

ng add @angular/material@14.2.7

Si deseas puedes darle que si a Analytics, luego selecciona el tema Pink y en este caso activaré las animaciones, quedando entonces de la siguiente forma:

3. Revisar Versiones en package.json

Siempre es bueno saber con que versiones estas trabajando.

Comentarios

Entradas más populares de este blog

Arquitectura N-Capas GUÍA COMPLETA .NET Core

Entendiendo la Arquitectura Limpia (Clean Architecture) en .NET: Una Guía Completa La Arquitectura Limpia, también conocida como arquitectura N-Capas, es un patrón de diseño que nos ayuda a crear aplicaciones mantenibles, testables y escalables. En este artículo, exploraremos en detalle cómo implementar esta arquitectura en un proyecto .NET. Si quieres entenderlo más fácil y con código, te dejo este otro artículo: Arquitectura Limpia explicado con patitos 🐤 ¿Qué es la Arquitectura Limpia? La Arquitectura Limpia es un conjunto de principios de diseño que nos ayuda a separar las responsabilidades en diferentes capas de nuestra aplicación. Cada capa tiene una responsabilidad específica y se comunica con las otras capas a través de interfaces bien definidas. Estructura del Proyecto Una típica estructura de proyecto en Arquitectura Limpia se ve así: ├── Controllers/ │ └── ProductController.cs ├── Domain/ │ ├── Models/ │ └── DTOs/ ├── Repository/ │...

Archivo Application.properties en SPRING BOOT

Guía Completa: Application.properties en Spring Boot El archivo application.properties es una pieza fundamental en aplicaciones Spring Boot, actuando como el centro de configuración para todo tu proyecto. En esta guía, exploraremos sus características principales y cómo aprovecharlo al máximo. ¿Qué es application.properties? Es un archivo de configuración que permite definir diferentes parámetros y valores para tu aplicación Spring Boot sin necesidad de modificar el código fuente. Se ubica en src/main/resources y Spring Boot lo lee automáticamente al iniciar. Configuraciones Esenciales Configuración del Servidor # Puerto del servidor server.port = 8080 # Contexto de la aplicación server.servlet.context-path = /miapp Conexión a Base de Datos # MySQL spring.datasource.url = jdbc:mysql://localhost:3306/mibasededatos spring.datasource.username = usuario spring.datasource.password = contraseña spring.datasource.driver-class-name = com.mysql.cj.jdbc.Driver JPA y Hibernat...

Kubernets (K8S) - PRIMEROS pasos

¡Hola, amantes de la tecnología! 👋 Si has escuchado hablar de Kubernetes pero aún no sabes por dónde empezar, este artículo es para ti. 🚢 Kubernetes, también conocido como K8s, es una herramienta poderosa para la gestión de contenedores que puede parecer intimidante al principio. Pero no te preocupes, aquí te guiaremos paso a paso para que puedas dominar los conceptos básicos y empezar a desplegar tus propias aplicaciones en un clúster de Kubernetes. 🌐 Prepárate para descubrir cómo esta tecnología puede transformar la manera en que desarrollas y despliegas tus aplicaciones. ¡Vamos a sumergirnos en el mundo de Kubernetes! 💻🚀 Vamos hacer un listado para lo que vamos a necesitar instalar: Docker Desktop Install Docker Desktop on Windows | Docker Docs Kubectl Install Tools | Kubernetes MiniCube https://minikube.sigs.k8s.io/docs/start Scoop ( opcional para instalar Kubecolor) Scoop Kubecolor ( opcional para colores en PowerShell) ...

Kevster

Buscar este blog