# Instalación

En esta sección vamos a ver en detalle todo el proceso de instalación de Ionic y de todas las dependencias necesarias para que funcione. Estas son:

* NodeJs
* Ionic
* Otras dependencias

## Instalar NodeJs

En primer lugar tenemos que instalar en gestor de paquetes de NodeJs (*npm*) para poder instalar el propio Ionic y algunas otras dependencias que nos harán falta. Para instalarlo símplemente podemos descargarlo e instalarlo desde su Web:

<https://nodejs.org/en/>

O en Linux instalarlo usando el gestor de paquetes:

```
sudo apt-get install nodejs
sudo apt-get install npm
```

## Instalar Ionic

Para instalar la última versión de Ionic y Cordova(\*) tenemos que ejecutar el siguiente comando:

```
$ sudo npm install -g cordova ionic
```

> Nota: En Windows tenéis que quitar "sudo" del comando anterior.
>
> (\*) Nota: Como ya mencionamos en la introducción Ionic utiliza Cordova para acceder a las características nativas de los dispositivos móviles y también para poder compilar el código para cada plataforma como si fuera una app nativa.

Para comprobar si se ha instalado correctamente podemos escribir en un terminal el siguiente comando:

```
$ ionic
```

Esto nos tendría que mostrar un listado con todas las opciones disponibles del *cli* (intérprete de línea de comandos) de Ionic. Con esto ya tendríamos instalado tanto Ionic como Cordova, por lo que podríamos empezar a trabajar, pero antes de nada tendremos que revisar algunas dependencias más.

## Otras dependencias

Hay algunas dependencias más que dependerán del sistema operativo que uséis y de las plataformas para las que queráis compilar vuestras aplicaciones. En la sección "Plataformas" veremos más información sobre esto.

Además también es posible que queráis usar Gulp, Bower o SASS, aunque su instalación es opcional sí que se recomiendan ya que os ayudarán mucho en el desarrollo de este tipo de aplicaciones:

```
$ sudo npm install -g gulp
$ sudo npm install -g bower
$ sudo gem install sass
```

***¿Qué es Gulp?*** Gulp es un sistema de construcción que permite automatizar tareas comunes o repetitivas de desarrollo, tales como la minificación de código JavaScript, recarga del navegador, compresión de imágenes, validación de sintaxis de código y un sin fin de tareas más. Para mas información consultad: <http://gulpjs.com/>

***¿Qué es Bower?*** Bower es un gestor de paquetes para el desarrollo Web. Es decir, cualquier librería de código abierto que puedas necesitar para el desarrollo de tu *front-end* lo podrás gestionar con Bower, él se encargará de instalar la librería y todas sus dependencias e incluso de las actualizaciones. Para mas información consultad: <http://bower.io/>

***¿Qué es SASS?*** SASS es un metalenguaje de CSS que nos permite programar hojas de estilo usando variables, reglas CSS anidadas, *mixins* (facilitan la definición de estilos reutilizables), importación de hojas de estilos y muchas otras características. Ionic incluye los fuentes de sus hojas de estilos en SASS, así que podemos aprovechar para modificarlas usando este lenguaje. Para mas información consultad: <http://sass-lang.com/>