×
Como instalar y utilizar Bower

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

 

ubuntu-lockscreen-8cd301-w80
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

centos-logo
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

logos_debian
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

Apple-logo-icon-Aluminum-180x180-80x80
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.

¿Te gustó el artículo? Compártelo:

Santiago Borges

Escrito por Santiago Borges

Departamento Técnico VIP, asignado a brindar soporte de forma exclusiva a clientes de alto tráfico y con requerimientos de programación. Además, es un experimentado SysAdmin, que se encargará de que recibas la mejor asistencia ante cualquier problema. Actualmente está cursando estudios de RHCE y posee certificaciones en Inglés por la Universidad de Cambridge. Conoce más sobre él desde su perfil de LinkedIn.

    Recibe en tu correo electrónico toda la información sobre hosting, desarrollo web y dominios

    Términos y Condiciones de Servicio

    Infranetworking Internacional - Copyright 2002-2024
    Todos los derechos reservados.