Instalación de Ionic Framework

Ionic Framework I : ¿Qué es? y ¿Cómo lo instalo?

INTRODUCCIÓN

Ionic Framework es un SDK (Standar Development Kit ) open source hace posible desarrollar aplicaciones móviles  de alta calidad, con el stack  de tecnologías más utilizadas para la web( HTML + CSS + (JS+Angular)  )

INSTALACIÓN

Cuando hablamos de instalar Ionic, tenemos que considerar que vamos a instalar todo un ecosistema de  herramientas

Ionic no viene con un instalador convencional, del estilo de los que utiliza Windows , sino que utiliza como plataforma a NODE.JS y su manejador de Paquetes (NPM) para instalarse de forma global, de forma tal que  se pueda utilizar en cualquier  ubicación dentro de tu disco duro.

INSTALACIÓN STANDAR

Para poder instalar Ionic, en la manera convencional, es necesario tener instaladas previamente las siguientes herramientas:

  • Nodejs
  • Plataforma Android
  • Plataforma iOS (En caso de trabajar desde una computadora Mac )

Una vez que tengamos instaladas y configuradas las herramientas, abriremos una consola o terminal dependiendo del sistema operativo que estés utilizando e ingresaremos el siguiente comando :

instalación-standar-de-ionic

npm install -g cordova ionic

Una vez ejecutado el comando el manejador paquetes de node descargará todas las dependencias necesarias y  estarás listo para comenzar a trabajar con Ionic.

Está instalación trae consigo las siguientes herramientas:

  • LiveReload
  • ngCordova
  • Angular
  • Ionic Cli (consola de ionic)
  • Ionic (framework js y temas css/sass)
  • Pack de iconos

INSTALACIÓN CON YEOMAN

Sin embargo si te gustaría tener un entorno más profesional;  entonces te recomiendo que  utilices  Yeoman

– Yeoman es una herramienta , basada en generadores, que te permite poner en marcha nuevos proyectos web basados en mejores prácticas y herramientas que te permitirán mantenerte productivo.

De igual manera que para la instalación standar, la instalación con yeoman tiene los  siguientes pre-requisitos:

  • Nodejs
  • Plataforma Android
  • Plataforma iOS (En caso de trabajar desde una computadora Mac )

Una vez cumplidos los requisitos correremos el siguiente comando:

instalación-yeoman

npm install -g bower gulp yo

el cual nos instalará las siguientes herramientas:

  • Bower: Manejador de dependencias de librerías y plug-ins a través de repositorios Git
  • Gulp: Un corredor de tareas basado en javascript, que nos permitirá ejecutar tareas desde consola.
  • Yo: Propiamente Yeoman . Al cual, a continuación, le instalaremos el generador de Ionic.

Algo que tiene Yeoman es que tiene una gran variedad de generadores para distintos tipos de aplicaciones web, y en este caso aplicaciones híbridas.

Utilizaremos el generador : m-ionic desarrollado por  M-Way Solutions GmbH, que adicional a las características que contiene la instalación standar, también cuenta con un entorno para generar pruebas unitarias y end-2-end , que la vez nos permiten hacer uso de ATDD; así como la opción de utilizar desde un inicio SASS en lugar de CSS tradicional ,

Para instalar m-ionic también haremos uso de npm con el siguiente comando.

instalacion-generator-m-ionic

npm install -g generator-m-ionic

Una vez completada la operación podremos correr el comando

Yo

 Run a generator
> M Ionic
 ──────────────
 Update your generators
 Install a generator
 Find some help
 Get me out of here!
 ──────────────
(Move up and down to reveal more choices)

el cual nos desplegará  las opciones de Yeoman  y nos mostrará una lista de generadores instalados.

Hasta aquí concluimos con la fase de instalación de tu entorno Ionic  a continuación pasaremos a crear nuestra primera aplicación.

 

 

 

 

 

Comments

comments

Leave a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *