Bower

2. Instalar Bower  --> https://bower.io/

En linea de comando:

npm install -g bower

Bower

2.1.  Instalar paquetes con bower

En la carpeta de nuestro trabajo:

bower install <package-name>

bower install jquery

bower install bootstrap

Bower

2.2.  Creamos dependencias

En linea de comando en el directorio de trabajo:

bower init

Se nos hará unas preguntas sobre nuestro trabajo y se creará el archivo bower.json

Bower

2.3.  Paquetes posteriormente instalados

Tras haber creado el archivo bower.json , los siguientes paquetes que copiemos y que queden registrados en nuestro archivo bower.json :

bower install <package-name> --save

Bower

2.4. linkar paquetes de trabajo

Aunque hayamos descargado los paquetes nos falta enlazarlos con los archivos de nuestra web:

<script src="...">   </script>

<link rel="stylesheet" href="" />

Bower

2.5. En nuestro trabajo al compartirlo no hace falta añadir los paquetes que tuvieramos instalado.

Ya que nuestro equipo bien como local o en un servidor solo con instalar bower se instalaran todos los paquetes descargados.

Esto es por las dependencias creadas en el archivo bower.json

bower install

Bower

2.1.1.  Dirección de paquetes descargado

En nuestro trabajo habrá aparecido un directorio llamado:

              bower-components

Bower

2.1.1.  Dirección de paquetes descargado

Este nombre de directorio se puede cambiar su nombre. Lo haremos en el archivo .bowerrc , y será escrito en formato JSON :

{

      "directory " : "librerias/components"

}

Bower

3.  Uso de GIT

El repositorios más conocido y usado por los usuarios es github.

Nos permite manejar nuestras librerias, paquetes, plugins, control de versiones

Bower

3.1  Uso de GIT

1.Tenemos que tener definido el archivo bower.json

2.Almacenamos nuestro trabajo en github

3.Generamos versiones para github:

git tag v.0.0.1 -m "Version 1"

git push -u origin master --tags

4. Nos falta registrar el paquete para que esté accesible para todo el mundo que quiera usar nuestro paquete:

bower register <package-name> git://github.com/....