Crear un Nuevo Proyecto Angular – Primeros Pasos con Angular I

¿Qué es Angular?

Es un framework para creación de aplicaciones web, aunque no solo se queda ahí, ya que en conjunto con otros framework puedes crear aplicaciones de escritorio como con Electron.js, o también aplicaciones móviles con NativeScript.

Pero, ¿Qué es un Framework?

Es un conjunto estandarizado de conceptos, prácticas y criterios que nos proveen de una estructura conceptual y tecnológica, para enfocar un tipo de problemática particular que sirve como referencia, para enfrentar y resolver nuevos problemas de índole similar.

¿Qué lenguajes utilizaremos?

HTML para dar estructura al contenido, TypeScript el JavaScript con esteroides para mostrar información dinámica y CSS para los estilos.

Configurar el ambiente y el entorno local

Como podemos apreciar en su documentación oficial, lo único que necesitamos es tener Node.js instalado en nuestro equipo y también tener instalado el CLI de Angular. Así que ¡Vamos a ello!.

Desde aquí puedes descargar Node.js, al momento de redacción esta en la versión 14.17.3 LTS, es recomendable reiniciar tu PC después de la instalación , ahora desde la consola ejecutaras el siguiente comando para instalar de forma global la ultima versión de Angular:

 npm install -g @angular/cli 

Crear un nuevo proyecto Angular

Ahora para crear un proyecto existen dos formas, ambas son desde la consola, pero la primera es accediendo al directorio donde vas a crear el proyecto por medio de comandos (cd), o la segunda que es creando la carpeta donde vas a crear el proyecto y arrastrándolo al editor (VSC) y abriendo una consola, en ambos casos después procedemos a instalar los componentes necesarios para el proyecto.

El comando para poder crear el proyecto es el siguiente:

 ng new nombre_del_proyecto 

Ejecutar el proyecto Angular

Ahora para poder ejecutar el proyecto y ver que realmente funcione bien ejecutaremos el comando:

 ng serve 

Bueno y hasta aquí terminar la primera parte de Primeros Pasos con Angular.

Si te agrada nuestro contenido y si gustas puedes apoyarnos: