Introducción
Una vez que hemos instalado y configurado Node.js, el siguiente paso es instalar Angular CLI, la herramienta oficial que nos permitirá crear, ejecutar, compilar y administrar proyectos Angular desde la línea de comandos.
Angular CLI simplifica enormemente el desarrollo, ya que automatiza tareas comunes y proporciona una experiencia de trabajo uniforme en todos los proyectos Angular.
¿Qué es Angular CLI?
Angular CLI (Command Line Interface) es la herramienta oficial de Angular para la administración de proyectos.
Con Angular CLI podemos:
Crear nuevos proyectos Angular.
Generar componentes, servicios y otros elementos.
Ejecutar la aplicación en modo desarrollo.
Compilar el proyecto.
Ejecutar pruebas automatizadas.
Generar versiones optimizadas para producción.
Actualizar proyectos a nuevas versiones de Angular.
A lo largo de este curso utilizaremos Angular CLI de forma constante, por lo que es fundamental tenerlo correctamente instalado.
Configuración previa en Windows
Si estás utilizando Windows, es recomendable ejecutar un comando de configuración antes de instalar Angular CLI.
Abrir Windows PowerShell
Presiona la tecla Windows y escribe:
PowerShell
A continuación, selecciona Windows PowerShell o PowerShell y ábrelo.
Ejecutar el comando de configuración
Dentro de PowerShell, ejecuta el siguiente comando:
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
Cuando Windows solicite confirmación, escribe:
Y
o
Sí
según el idioma de tu sistema operativo.
Este comando permite la ejecución de scripts firmados en el contexto del usuario actual y ayuda a evitar problemas relacionados con las políticas de ejecución de PowerShell.
Nota: Este paso suele ser necesario únicamente en Windows.
Instalar Angular CLI
Una vez completada la configuración, abre una terminal o consola de comandos (CMD) y ejecuta el siguiente comando:
npm install -g @angular/cli@19.0.0
Explicación del comando
npm install: instala un paquete mediante npm.
-g: realiza una instalación global para que el comando pueda utilizarse desde cualquier ubicación.
@angular/cli: paquete oficial de Angular CLI.
@19.0.0: versión específica que utilizaremos durante el curso.
Es recomendable utilizar la misma versión indicada para garantizar que todos los ejemplos y ejercicios funcionen de la misma manera.
Verificar la instalación
Una vez finalizada la instalación, podemos comprobar que Angular CLI se instaló correctamente ejecutando:
ng version
También es posible utilizar:
ng --version
Si la instalación fue exitosa, obtendremos información similar a la siguiente:
Angular CLI: 19.0.0
Node: 20.16.0
Package Manager: npm
OS: win32 x64
La versión exacta de algunos componentes puede variar, pero debe mostrarse Angular CLI versión 19.0.0.
El comando ng
El comando principal para interactuar con Angular CLI es:
ng
A través de este comando realizaremos prácticamente todas las tareas relacionadas con nuestros proyectos Angular.
Por ejemplo:
ng new
Permite crear un nuevo proyecto.
ng serve
Ejecuta la aplicación en modo desarrollo.
ng generate component
Genera nuevos componentes.
Aprenderemos estos comandos en detalle durante los próximos capítulos.
Resumen
En este capítulo instalamos Angular CLI 19, la herramienta oficial de Angular para la gestión de proyectos y tareas de desarrollo.
Los pasos realizados fueron:
Configurar PowerShell (solo en Windows).
Instalar Angular CLI globalmente mediante npm.
Verificar que la instalación fue exitosa.
Comandos utilizados:
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
npm install -g @angular/cli@19.0.0
ng --version
Con Angular CLI correctamente instalado, ya estamos listos para crear nuestro primer proyecto Angular y comenzar a desarrollar la aplicación que construiremos a lo largo de este curso.
No hay comentarios:
Publicar un comentario