Como instalar Angular en MacOS

En este tutorial te vamos a enseñar a cómo instalar angular en macOS, para que una vez lo tengas instalado correctamente puedas crear proyectos de manera muy fácil y sencilla, aunque para poder instalar Angular es necesario tener otros programas instalados, como Node JS, que contiene una serie de librerías que son necesarias para instalar angular en macOS, o como se diría correctamente Angular CLI.

Cuando se quiere profundizar el tema de desarrollo web, principalmente en el Frontend, es importante conocer los Frameworks más utilizados para el desarrollo web, uno de ellos es el Framework de Angular, que fue desarrollado por Google y el cual te permite realizar aplicaciones web o páginas web de carga instantánea, incluidas todas en un mismo sistema de archivos.

Descarga de NodeJS

El primer paso para poder instalar angular en macOS, es necesario tener instalado Node JS, para lo cual simplemente tenemos que ir a su página oficial en la sección de descargas y seleccionar la instalación para el sistema operativo que desees, en este caso va a ser para macOS.

Si quieres ir rápidamente a la página de instalación te dejo la URL de acceso rápido, para que sólo lo descargues.

NodeJS Descarga

👊 ¿QUIERES INCREMENTAR TUS CONOCIMIENTOS EL FRAMEWORK ANGULAR? 👊

Entonces te recomiendo tomar este curso de Angular donde aprenderás a programar desde cero hasta convertirte en un experto, realizando varios ejercicios prácticos para que puedas aprender de una mejor manera.

👇

A continuación se presenta una imagen de cómo se debería de ver la página principal, donde vas a descargar el Instalador de NodeJS, algo muy importante a tener en cuenta es que selecciones la opción donde dice LTS, debido a que esa sección contiene el instalador nuevo y el que funciona actualmente para todos los usuarios, debido a que si se selecciona la opción Current, aunque es la última versión, esa puede contener algunos errores y es más utilizada para los desarrolladores que quieren probar nuevas funciones, pero para el resto de las personas que quieren realizar una página web en angular de forma segura y sin ningún error, es recomendable descargar la versión LTS.

Descargar NodeJS

Al finalizar la descarga, simplemente se va encontrar el fichero con el nombre de la versión que se descargó, este fichero normalmente se almacena en la sección de descargas y hay que dar doble clic para que inicie la instalación.

Archivo de Node JS

Proceso de instalación de NodeJS

El proceso de instalación de NodeJS es muy sencillo, una vez que seleccionamos el archivo de instalación, veremos una ventana como la que se presenta continuación, donde nos va a presentar lo que se va a instalar, en este caso se va a instalar NodeJS y adicional a eso se va a instalar una librería npm, que es la que nos va a permitir instalar algunas funcionalidades extra en angular.

Damos en siguiente la cantidad de veces que sea necesaria para llegar hasta el siguiente paso.

Instalación de Node JS

En esta sección se nos va a preguntar en qué disco queremos instalar el fichero de NodeJS para poder instalar angular en macOS, si tu computadora simplemente tiene un solo disco de funcionamiento, se va a seleccionar por default ese disco, pero en caso de que tengas otros discos externos puede seleccionar el disco donde quieras que se instale toda la información y das en siguiente.

Seleccionar disco de instalació

Enseguida te va mostrar el espacio en disco que va utilizar para la instalación, simplemente le das en instalar para que comience la instalación.

Finalizar instalación de nodejs

El proceso de instalación va a tardar algunos minutos dependiendo de la computadora que estés utilizando, pero una vez termine se va a presentar una pantalla como la que se ve a continuación, donde indican los ficheros que se instalaron, simplemente le das encerrar y ya te puedes deshacer de tu archivo de instalación para que no ocupe espacio en tu disco duro.

NodeJS instalado

👊 ¿NECESITAS UN HOSTING PARA TU PAGINA WEB O TIENDA ONLINE? 👊

Entonces te recomiendo usar Hostinger, que cuenta con una gran cantidad de ventajas y herramientas para crear tu Web de manera sencilla y profesional.

Estas son una de las características al contratar Hostinger:

💽 Hospedaje Profesional

💻 Sitio Web seguro con SSL

🔋 Velocidad de procesamiento

🖲 Interfaz fácil de usar

💰 Dominio Gratis

Entre muchas otras cosas mas…

Comprobación de instalación

Antes de poder instalar angular en macOS es necesario comprobar que se haya instalado correctamente los ficheros, tanto de NodeJS y de npm que instalaron anteriormente, para lo cual es necesario abrir una terminal.

Terminal en MACOS

Una vez en la terminal, vamos a ejecutar los siguientes comandos y si como resultado nos da la versión de la instalación, significa que los paquetes se instalaron correctamente y ya podemos proceder a instalar angular en macOS.

npm -v

node -v

Versiones de npm y node

Instalar Angular en MacOS

Para iniciar el proceso para instalar angular en macOS, simplemente se tiene que hacer uso del paquete de ficheros que se instaló anteriormente, el cual es npm, y vamos a ejecutar el siguiente comando para que comience la instalación.

sudo npm install -g @angular/cli

Instalar el CLI de Angular

El proceso de instalación va a tomar algunos minutos, pero al finalizar la instalación se debe demostrar una pantalla como la que se presenta continuación y felicidades ya has instalado correctamente angular.

Angular CLI instalado

Lo que prosigue después de instalar angular en macOS es crear tu primer proyecto para poder empezar a crear una página web, para lo cual te invito a que visites el siguiente enlace donde se encuentra un tutorial completo de cómo crear un proyecto en angular desde cero.

Crear un proyecto en Angular