Hola Mundo - Angular en 5min LEVANTA tu primera APP

¡Hola a todos! 👋 ¿Alguna vez te has preguntado cómo crear una aplicación web desde cero en cuestión de minutos? 🚀 Si es así, estás en el lugar correcto. En este artículo, te llevaremos paso a paso por el proceso de levantar tu primera aplicación con Angular en solo 5 minutos. ⏱️ Aquí encontrarás una guía sencilla y directa para poner en marcha tu proyecto Angular. ¡Vamos a empezar! 🎉

Paso 1. INSTALAR NODEJS

Instalar NodeJS desde su página oficial, mejor si eliges siempre la LTS Node.js — Download Node.js® (nodejs.org). Luego de descargarlo NEXT a todo y listo.

Paso 2. REVISAR

Verificar que se haya instalado correctamente, abre una consola CMD y comprueba la versión de NodeJS y NPM que ya viene incluido en la instalación anterior.

Node -v

Npm –version or npm --v

Paso 3. INSTALAR ANGULAR

Instalar Angular; ve a la pàgina oficial https://angular.dev/ -> tools -> cli -> set-up y copia el comando que ahí aparece en un CMD.

npm install -g @angular/cli@17

Paso 4.

En las computadoras cliente de Windows, la ejecución de scripts de PowerShell está deshabilitada de manera predeterminada, por lo que el comando anterior puede generar un error. Para permitir la ejecución de scripts de PowerShell, que son necesarios para los binarios globales de npm, por lo que debes ejecutar el siguiente comando:

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned

Paso 5. INICIAR PROYECTO

Crea una carpeta donde quieras que este tu Hola Mundo, navega hacia el en el CMD y ejecuta:

cd desktop

cd mi_proyecto

ng new tu-nombre-hola-mundo

Paso 6. CORRER PROYECTO

Abre el proyecto desde tu editor favorito, por ejemplo Visual Studio Code y ejecuta desde la terminal del editor el siguiente comando para levantar la APP:

ng serve

Ve a la dirección que ahí indica y mira la APP.

¡Listo! Eso es todo :) a veces se nos olvida o cambiamos de computadora y toca volver hacer todo, por lo que esta guía es muy rápido poder levantar nuevamente angular.

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...

Conectarse a Mongo Atlas desde Compass, MongoSH y VSCode

¡Hola a todos! 👋 Hoy quiero presentarte MongoDB Atlas, la solución gestionada en la nube para tus bases de datos MongoDB. Si estás buscando una forma sencilla y eficiente de desplegar, gestionar y escalar tus bases de datos sin preocuparte por la infraestructura subyacente, Atlas es la herramienta que necesitas. 🌐🚀 En este artículo, te guiaré a través de los pasos necesarios para configurar tu cuenta de MongoDB Atlas y conectarte desde Mongo Compass, MongoSH y tu editor Visual Code. ¡Vamos a comenzar! 💻🍃 Por cierto, Mongo Atlas en palabras sencillas es tener MongoDB en la nube administrada totalmente por ellos. 1. CREAR CUENTA Es muy sencillo, lo primero que debes hacer es crear tu cuenta en su sitio web oficial MongoDB Atlas | Plataforma De Datos Multicloud Para Desarrolladores | MongoDB | MongoDB Escoge gratuito ya que te dará 0.5GB de almacenamiento y RAM compartida por lo que para tus pruebas es suficiente. Sigue los pasos tipicos pasos de NEXT. 2. CREA...

Kevster

Buscar este blog