DEV Community: Alberto Cahuiche

Angular: Getting Started

Alberto Cahuiche — Mon, 07 Oct 2024 17:19:34 +0000

Angular is an excellent framework for frontend application development. Below are the necessary steps to install Angular and start a project.

Note: Before proceeding with the installation, make sure you have Node.js version 18.19.1 or higher installed.

1. Install the CLI

Run the following command in your console:

npm install -g @angular/cli

2. Create a Project

Once the CLI is installed, you can create your first project with the command:

ng new <project-name>

When doing so, it will ask you to choose which stylesheet you want to use in your app.

Then, it will ask if you want to use Server Side Rendering (we will cover this concept in future posts), just type "y" if you want to use it or "n" if you don't need it in your project.

Once that's done, the necessary files will begin to be created. By default, Angular creates standalone projects.

When the installation is complete, the following message will appear:

And that's how you create your first project in Angular. As mentioned earlier, the project generated by default is standalone. If you want to create a project with modules, you will just need to adjust the command you use to generate the project.

ng new <project-name> --standalone=false

In the next post, we will cover the file structure and its use.

Source: https://angular.dev/

Angular: Primeros pasos

Alberto Cahuiche — Mon, 07 Oct 2024 15:24:00 +0000

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

2. Crear Proyecto

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

ng new <project-name>

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

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

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

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

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

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

Fuente: https://angular.dev/