X

Como instalar y utilizar Bower

Bower es una solución de gestión de paquetes para los paquetes de front-end, tales como bibliotecas javascript y css. Se ejecuta en Node.js y usa Git para descargar e instalar la mayoría de los paquetes. Puede encontrar una lista de todos los paquetes que se pueden instalar usando Bower.

Instalación de Nodejs y del paquete NPM

 


Linux – Ubuntu
Actualizamos el sistema e instalamos el paquete de nodejs
sudo apt-get update
sudo apt-get install nodejs

Instalamos el administrador de paquetes npm

sudo apt-get install npm

Como Bower necesita el paquete Git también lo instalamos

apt-get install git-core


Linux – Centos / Fedora
Necesitamos  instalar los paquetes necesarios para poder compilar el código fuente de nodejs que viene con el paquete npm integrado

yum install gcc gcc-c++ automake autoconf libtoolize make

Ahora procedemos con la descarga e instalación del código fuente de nodejs y npm

cd /opt
wget http://nodejs.org/dist/v0.10.15/node-v0.10.15.tar.gz
tar zxvf node-v0.10.15.tar.gz
cd node-v0.10.15
./configure
make
make install

Como Bower necesita el paquete Git también lo instalamos

yum install git


Linux – Debian
Actualizamos nuestro sistema he instalamos los paquetes para nodejs y npm

aptitude update
aptitude install nodejs
update-alternatives --install /usr/bin/node nodejs /usr/bin/nodejs 100
curl http://www.npmjs.org/install.sh | sudo sh

Como Bower necesita el paquete Git también lo instalamos

aptitude install git-core


Mac
Descargar el Paquete de Nodejs desde la web oficial http://nodejs.org/download/ e instalar nodejs en el equipo esta instalación la incluye el administrador de paquetes npm.

 

Instalación de Bower con NPM

 

La instalación necesita que sea con usuario root del sistema operativo

npm install -g bower

 

Utilizar Bower en tus proyectos

 

Vamos por ejemplo a nuestra carpeta de document root de nuestro servidor web

cd /var/www

Creamos una carpeta para nuestro proyecto con bower

mkdir infrabower
cd infrabower

Ahora procedemos a instalar por ejemplo la librería jquery para nuestro proyecto

infrabower$ bower install jquery
[?] May bower anonymously report usage statistics to improve the tool over time? No
bower jquery#*              not-cached git://github.com/jquery/jquery.git#*
bower jquery#*                 resolve git://github.com/jquery/jquery.git#*
bower jquery#*                download https://github.com/jquery/jquery/archive/2.1.1.tar.gz
bower jquery#*                 extract archive.tar.gz
bower jquery#*                resolved git://github.com/jquery/jquery.git#2.1.1
bower jquery#~2.1.1            install jquery#2.1.1

jquery#2.1.1 bower_components/jquery
infrabower$ ls -la bower_components/
total 12
drwxrwxr-x 3 andres andres 4096 oct 20 06:35 .
drwxrwxr-x 3 andres andres 4096 oct 20 06:35 ..
drwxrwxr-x 4 andres andres 4096 oct 20 06:35 jquery

Verificamos nuestra lista de nuestras instalaciones en nuestro proyecto con el comando bower list

infrabower$ bower list
bower check-new     Checking for new versions of the project dependencies..
infrabower /var/www/infrabower
└── jquery#2.1.1 extraneous

Ahora podemos ver la ruta para importarlo en nuestro proyecto con el comando bower list –path

infrabower$ bower list --path

  jquery: 'bower_components/jquery/dist/jquery.js'

También podemos des-instalar paquetes con bower

infrabower$ bower uninstall jquery
bower uninstall     jquery

Listado de Paquetes de Bower disponibles http://bower.io/search/

Ahora solo resta que puedas probar esta muy buen administrador de paquetes en tus proyectos en nuestros servicios de Cloud VPS o Servidores Dedicados. Si tienes alguna inquietud sobre este tema no dudes en dejarnos un comentario.

Artículos relacionados