DEV Community

Cover image for Angular: Primeros pasos
Alberto Cahuiche
Alberto Cahuiche

Posted on

Angular: Primeros pasos

Angular es un excelente framework para el desarrollo de aplicaciones frontend, a continuacion enumerare los pasos necesarios para instalar Angular e iniciar un proyecto

Nota: Antes de proceder con la instalacion, asegurate de tener Nodejs Instalado version 18.19.1 o superior

1. Instalar CLI

Corremos en nuestra consola el siguiente comando

npm install -g @angular/cli
Enter fullscreen mode Exit fullscreen mode

2. Crear Proyecto

Una vez instalado el CLI ya podemos crear nuestro primer proyecto con el comando:

ng new <project-name>
Enter fullscreen mode Exit fullscreen mode

Al hacerlo te pedirá que elijas que hoja de estilos usaras en tu app

Seleccion Hojas de estilo

Despues te pedira elegir si deseas usar Server Side Rendering (este concepto lo veremos en futuros post), solo escribe "y" si lo deseas usar o "n" si no lo necesitas en tu proyecto

Seleccion de server side rendering

Una vez hecho esta se empezaran a crear los archivos necesarios, por defecto angular crear proyectos standalone

archivos de proyecto

En cuanto termine de instalar todo lo necesario se mostrara el siguiente mensaje

instalacion terminada

Y de esta forma ya se creo tu primer proyecto en angular, el proyecto que se genera por defecto como mencione anteriormente es standalone, si deseas crear un proyecto con modulos solo deberas corregir el comando con el que generas el proyecto

ng new <project-name> --standalone=false
Enter fullscreen mode Exit fullscreen mode

En el siguiente post veremos la estructura de archivos y su uso

Fuente: https://angular.dev/

Top comments (0)