HowtoForge

Tutoriales de Linux

Cómo instalar Ionic Mobile App Framwork en Ubuntu 18.04 LTS

Ionic es un Framework de código abierto que puede utilizarse para desarrollar aplicaciones móviles híbridas utilizando tecnologías web como CSS, HTML5 y Sass. Ionic proporciona una potente interfaz de línea de comandos que puede utilizarse para crear un proyecto con un simple comando. Ionic es compatible con Android, IOS y la Plataforma Universal de Windows para desarrollar aplicaciones. Ionic utiliza plugins de Cardova para acceder a la Cámara, el GPS y la Linterna.

En este tutorial, aprenderemos a instalar el framework Ionic en Ubuntu 18.04 (Bionic Beaver).

Requisitos

  • Un servidor con Ubuntu 18.04 en tu sistema.
  • Un usuario no root con privilegios sudo.

Instalar Node.js y Cordova

En primer lugar, tendrás que instalar Node.js en tu sistema. Por defecto, la última versión de Node.js no está disponible en el repositorio por defecto de Ubuntu 18.04. Así que tendrás que añadir el PPA de node.js a tu sistema.

Puedes añadir el PPA de Node.js utilizando el siguiente comando:

sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

A continuación, instala Node.js utilizando el siguiente comando:

sudo apt-get install nodejs -y

A continuación, tendrás que instalar Cordova en tu sistema. Puedes instalarlo con el siguiente comando:

sudo npm install -g cordova

Instalar Ionic Framework

Ionic viene con una práctica utilidad de línea de comandos para iniciar, construir y empaquetar aplicaciones Ionic. Puedes instalarlo simplemente ejecutando el siguiente comando:

sudo npm install -g ionic

Una vez instalado Ionic, puedes comprobar la versión de Ionic con el siguiente comando:

ionic -v

Salida:

3.20.0

Crear proyecto con Ionic

A continuación, tendrás que crear un nuevo proyecto Cordova en algún lugar del ordenador para el código de tu app: Puedes hacerlo con el siguiente comando:

ionic start HelloWorld blank

El comando anterior creará un directorio HelloWorld.

A continuación, cambia el directorio a HelloWorld y haz una lista de los contenidos:

cd HelloWorld/
ls -l

Deberías ver la siguiente salida:

total 260
-rw-r--r--   1 3434 3434     92 Jun  9 15:43 ionic.config.json
drwxr-xr-x 536 root root  20480 Jun  9 15:46 node_modules
-rw-r--r--   1 3434 3434   1135 Jun  9 15:43 package.json
-rw-r--r--   1 root root 224175 Jun  9 15:46 package-lock.json
drwxr-xr-x   6 3434 3434   4096 Jun  9 15:43 src
-rw-r--r--   1 3434 3434    519 May 30 23:39 tsconfig.json
-rw-r--r--   1 3434 3434    178 May 30 23:39 tslint.json

A continuación, activa la plataforma Android y construye el proyecto para Android con el siguiente comando:

ionic platform add android
ionic cordova build android
ionic cordova emulate android

¡Ya está! Ahora puedes construir fácilmente tu aplicación.

También te podría gustar...