Tu primer proyecto en ANGULAR

Para la creación de un proyecto debemos utilizar nuestro CLI el cual mediante un comando básico nos permite iniciar un proyecto fácil y rápido.

Crear proyecto Angular

ng new cursoangular

A penas ejecutamos nuestro comando nuestro CLI nos pedirá crear el archivo de rutas o routing en este momento no creamos este archivo, escribimos N para continuar le damos enter y esperamos lo siguiente.

? Would you like to add Angular routing? (y/N)

Debemos elegir que tecnología de estilos vamos a usar para nuestro proyecto lo dejaremos con la primera opción CSS

? Which stylesheet format would you like to use? (Use arrow keys)

Esto empezara a instalar todas las dependencias necesarias para ejecutar nuestro proyecto.

Iniciar la aplicación Angular

Para iniciar nuestro proyecto angular debemos ejecutar el siguiente comando con el parámetro -o que nos indica que abre un navegador donde se ejecuta nuestro servidor local:

ng serve -o

Primera modificación

Vamos a modificar el HTML de nuestra aplicación nos dirigimos al directorio src/app y buscamos el archivo ‘app.component.html’ borramos todo el contenido y agregamos un mensaje cualquiera.

<h1>Curso de Angular</h1>
<p>Bienvenido al curso de angular - <a href="http://aquiensistemas.com">aquiensistemas.com</a> </p>

Parte 1: ¿Qué es Angular?

Parte 3: Directivas en Angular

Deja un comentario