Instalar Angular CLI: El primer paso para crear apps web

Contenido del Bootcamp Dirigido por: | Última modificación: 13 de septiembre de 2024 | Tiempo de Lectura: 3 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

Si ya no aguantas más y estás desesperado por entrar en el mundo del desarrollo de aplicaciones web, tenemos una sorpresa para ti. En este post te enseñaremos cómo instalar Angular CLI, una herramienta que, precisamente, es la puerta de entrada a un universo de posibilidades para crear proyectos dinámicos y completos. Sigue leyendo porque te guiaremos paso a paso para que instales Angular CLI y configures muy fácilmente tu entorno de desarrollo.

cómo instalar angular CLI

Cómo instalar Angular CLI en Windows

Requisitos del sistema

Antes de explicarte cómo instalar Angular CLI, tienes que estar seguro de que tu sistema cumple con los requisitos mínimos para que todo funcione sin problemas. Esto es lo que necesitas:

  • Sistema operativo: Windows 10, macOS 10.10 (Yosemite) o una distribución reciente de Linux (como Ubuntu 18.04 o posterior).
  • Memoria RAM: Al menos 4 GB.
  • Espacio de almacenamiento: Un mínimo de 10 GB libres.

En caso de que todo esté en orden, ya estás listo para aprender cómo instalar Angular CLI y comenzar tu aventura en el desarrollo de apps web.

Instala Node.js y npm

Ten presente que, antes de instalar Angular CLI, debes tener Node.js y npm instalados en tu sistema. Recuerda que Node.js es el entorno de ejecución de JavaScript, mientras que npm es el administrador de paquetes que permite instalar Angular CLI.

  • Descarga Node.js desde su página oficial y te darás cuenta de que, al instalarlo, automáticamente obtendrás npm.
  • Cuando ya lo tengas instalado, abre el símbolo del sistema y verifica que estén en orden los siguientes comandos:
node -v
npm -v

Instala Angular CLI

Como ya tienes Node.js y npm listos, ahora sí es el momento de instalar Angular CLI. Para hacerlo, ejecuta este comando en el símbolo del sistema:

npm install -g @angular/cli

Esto instalará Angular CLI globalmente en tu sistema, lo cual quiere decir que podrás acceder a él desde cualquier proyecto. Además, si quieres asegurarte de que se ha instalado correctamente, solo tienes que ejecutar lo siguiente:

ng --version

Este comando te mostrará la versión de Angular CLI instalada.

Crea un nuevo proyecto Angular

¡Genial! Con Angular CLI instalado, ya puedes empezar a crear proyectos. Entonces, para crear una nueva aplicación, utiliza el siguiente comando, reemplazando my-app con el nombre que desees:

ng new my-app

Lo que sucederá es que se generará una estructura de archivos básica para tu aplicación Angular.

Ejecuta la aplicación

Si estás ansioso por ver tu nueva app funcionando, solo debes navegar hasta el directorio de tu proyecto y ejecutar el servidor de desarrollo con los siguientes comandos:

cd my-app
ng serve

Abre tu navegador y visita http://localhost:4200/. Te darás cuenta de que tu primera aplicación Angular estará lista y la podrás visualizar.

Cómo instalar Angular CLI en macOS

Instala Node.js y npm

Al igual que en Windows, necesitarás Node.js y npm para instalar Angular CLI en macOS. Si ya los tienes instalados, puedes saltar este paso. De lo contrario, descarga Node.js desde su sitio web.

Instala Angular CLI

Cuando ya tengas Node.js y npm listos, abre tu terminal y ejecuta:

npm install -g @angular/cli

Lo que hará este comando es instalar Angular CLI en todo tu sistema. Para que confirmes que así fue, ejecuta:

ng --version

Crea un nuevo proyecto Angular

Crea una nueva aplicación con el siguiente comando:

ng new my-app

Con este comando se creará un espacio de trabajo para tu aplicación Angular.

Ejecuta la aplicación

Para que vayas al directorio de tu proyecto y levantes el servidor de desarrollo usa:

cd my-app
ng serve

Accede a http://localhost:4200/ en tu navegador y ya podrás ver tu aplicación funcionando.

Cómo instalar Angular CLI en Linux

Instala Node.js y npm

Para instalar Angular CLI en Linux, el proceso es similar a Windows y macOS. Primero, asegúrate de tener Node.js y npm instalados. Si aún no los tienes, puedes instalar Node.js desde el administrador de paquetes de tu distribución de Linux.

Por ejemplo, en Ubuntu puedes ejecutar:

sudo apt install nodejs npm

Instala Angular CLI

Una vez tengas Node.js y npm, instala Angular CLI con el siguiente comando:

sudo npm install -g @angular/cli

Crea una aplicación Angular

Para iniciar un nuevo proyecto, crea un espacio de trabajo ejecutando:

ng new my-app

Ejecuta la aplicación

Navega al directorio del proyecto y levanta el servidor con:

cd my-app
ng serve

Luego, visita http://localhost:4200/ en tu navegador para ver la aplicación funcionando.

Ahora que ya sabes cómo instalar Angular CLI, tienes todo lo necesario para comenzar a crear aplicaciones web de manera profesional. Este es solo el primer paso hacia una carrera apasionante y bien remunerada en desarrollo web. Para que logres dominar por completo herramientas como Angular CLI, tenemos el Bootcamp de Desarrollo Web de KeepCoding donde aprenderás todo lo necesario para crear apps modernas y abrirte camino en un sector con grandes oportunidades, salarios competitivos y estabilidad laboral. ¡Tu futuro en el mundo tech está a un clic de distancia!

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado