paginas web barcelona

Centro Web Barcelona

Soluciones en Internet

Ques es Bower



web barcelona bowerPara los desarrolladores web, Bowers es un complemento que nos facilitará mucho nuestro trabajo. Resumiendo nos facilitat la tareas de tener al días las dependencias de nuestro proyecto. Está basado den NodeJS y que, `por tanto, se ejectura desde la consola y tiene un sencillo funcionamiento y una API fácil de manejar que nos ayudarás a realizar tareas de mantenimiento y administración de nuestros desarrollos web.

Desde Bower actualizaremos y descargaremos librerías, plugins, frameworks, etc. son una simple línea de código, se acabó el descargar y subir los archivos por primera vez y en cada actualización. Bower es una utilidad para trabajar en librerías como Jquery o frameworks como Bootstrap. Por ejemplo, para instalar Jquery bastaría con un comnando en la consolo como el siguiente: ‘bower install jquery’.
 

La instalación es muy sencilla desde NodeJS, desde la página general de la plataforma simplemente siguiendo los pasos que allí se te indican y con el comando vía npm ‘npm install -g bower’.

Lo mejor es que abras una carpeta en la raíz del proyecto para especificar las dependencias que tiene tu proyecto con un archivo bower.json. Así podrás hacer que te las instale todas de una vez, que las actualice todas de una vez, para crear por primera vez tu archivo bower.json lo más cómodo es lanzar el comando “bower init” desde la raíz de tu proyecto: ‘bower init’.

El archivo bower.json en la raíz de tu proyecto, en la misma carpeta donde hiciste el “bower init”. Tendrá una forma parecida a esta:

{
  name: 'Prueba Bower',
  version: '0.0.0',
  authors: [
    'Miguel Angel Alvarez '
  ],
  description: 'Esto es una simple prueba',
  main: '',
  moduleType: [],
  license: 'MIT',
  homepage: 'http://www.desarrolloweb.com',
  ignore: [
    '**/.*',
    'node_modules',
    'bower_components',
    'test',
    'tests'
  ]
}

Habrá que editarlo para declarar nuestras dependencias. Tan fácil como crear un nuevo campo llamado dependencies cuyso valor será un objeto que define los paquetes como dependencias.

 

{
  "name": “Prueba Bower”,
  "version": "0.0.0",
  "authors": [
    "Miguel Angel Alvarez "
  ],
  "dependencies": {
    "jquery": "~2.1.4",
    "bootstrap": "~3.3.5"
    "angular": "1.4.7",
    "angular-route": "1.4.7",
  }
}

Diferencias entre Brower y Grunt

Después de ecplicaros que es es Bower, es fácil entender su diferencia conGrunt. Si Bower es un gestor de paquetes y dependencias Grunt es un automatizador de tareas, por ejemplo realizars tests unir todos los archivos del mismo tipo en una carpeta, etc.

En ambos casos necesitamos de NodeJS