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 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!
