¿Cómo instalar Ionic Framework en Ubuntu 20.04?

Los desarrolladores necesitan herramientas que les ayuden a crear aplicaciones de la mejor manera posible. Es por eso que hay diferentes marcos. Aunque recientemente hemos hablado de CakePHP, hoy traeremos uno muy peculiar porque está enfocado a dispositivos móviles. En esta publicación, aprenderá cómo instalar el marco Ionic en Ubuntu 20.04.

¿Qué es Ionic Framework?

Ionic es un framework que nos ayuda con el desarrollo de aplicaciones híbridas para sistemas operativos móviles pero utilizando tecnologías web. En otras palabras, nos permite desarrollar aplicaciones para iOS, Android y la web, desde una única base de código.

Como puede ver, es muy versátil y ayuda a los desarrolladores a implementar sus aplicaciones en varios entornos con una única base de código.

Las tecnologías web utilizadas por Ionic son CSS, JS y HTML. Acerca de JavaScript, se integra a la perfección con Vue, Angular y ReactJS, lo que reduce la curva de aprendizaje.

Hoy aprenderá cómo instalarlo.

Instalar Ionic Framework en Ubuntu 20.04

Instalando algunos paquetes necesarios

Primero, antes de comenzar con la instalación, debe instalar algunos paquetes para que la instalación pueda realizarse.

sudo apt update
sudo apt install curl gnupg2 wget git

Entre estos paquetes se encuentra git lo cual es muy necesario para crear todo el paquete Ionic.

Instalando NodeJS en Ubuntu 20.04

Ionic requiere que NodeJS funcione, por lo que debemos instalarlo. En mi caso, instalaré la versión 16.x pero debe funcionar con otros.

Primero, agregue el repositorio para la versión 16.

curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -

A partir de entonces, puede instalar NodeJS ejecutando el siguiente comando

sudo apt install nodejs
Reading package lists... Done
Building dependency tree       
Reading state information... Done
The following NEW packages will be installed:
  nodejs
0 upgraded, 1 newly installed, 0 to remove and 49 not upgraded.
Need to get 26.2 MB of archives.
After this operation, 122 MB of additional disk space will be used.
Get:1 https://deb.nodesource.com/node_16.x focal/main amd64 nodejs amd64 16.14.0-deb-1nodesource1 [26.2 MB]
Fetched 26.2 MB in 0s (69.2 MB/s)

Ahora NodeJS está instalado y podemos continuar.

Cordova también es necesario para Ionic

Una vez que tengamos NodeJS y por lo tanto NPM, podemos continuar con la instalación de Cordova.

Según el sitio web de Apache Cordova:

Cordova es un marco de desarrollo móvil de código abierto. Le permite utilizar tecnologías web estándar:HTML5, CSS3 y JavaScript para el desarrollo multiplataforma.

Por lo tanto, no sorprende que Cordova sea un requisito para instalar Ionic. Para instalarlo, simplemente ejecute el siguiente comando.

sudo npm install -g cordova

Cuando finalice la instalación, podemos continuar.

Instalar Ionic Framework en Ubuntu 20.04

Con todas las dependencias cubiertas, podemos instalar Ionic Framework en Ubuntu 20.04 simplemente ejecutando el siguiente comando

sudo npm i -g @ionic/cli

Puede verificar la versión instalada ejecutando

ionic -v

Salida de muestra

6.18.2

Creando un nuevo proyecto con Ionic

Ahora solo tenemos que empezar a trabajar. Primero, crearemos un nuevo proyecto ejecutando

ionic start

Nos preguntará si queremos usar el asistente. He elegido N .

Durante la ejecución del comando se nos pedirá el framework JS a utilizar, el nombre del proyecto y la plantilla a utilizar.

Al finalizar y si no hay ningún error, verás una pantalla de salida como esta:

Esto creará una nueva carpeta con el nombre de su proyecto. Accede y sirve el proyecto.

cd [project-name] 
ionic serve

Ahora, la aplicación estará disponible en http://localhost:8000 .

Si instaló Ionic en una máquina virtual o en un servidor, puede especificar el host y el puerto

ionic server --host [ip-address] --port [port] 

Luego, abra un navegador web y acceda a la dirección que configuró para Ionic y verá que funciona.

Ahora sí, Ionic está funcionando correctamente y podremos trabajar.

Conclusión

Gracias a esta publicación, aprendiste a instalar ionic Framework en Ubuntu 20.04 usando un método simple y directo. Espero que hayas encontrado útil la publicación, y nos ayudaría mucho si la compartes y comentas.