SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
Bower + Bitbucket A package manager for the web + Distributed revision control system
Empezando con bower 
Para utilizar bower necesitamos tener instalado: 
● node js 
● npm 
● bower ( npm install -g bower ).
Crear nuestro package 
$ bower init . 
Definición de bower.json 
The bower.json spec defines several options, including: 
● name (required): Nombre del package 
● version: A semantic version number (see semver). (http: 
//semver.org/lang/es/) 
● main string or array: The primary acting files necessary 
to use your package. 
● ignore array: An array of paths not needed in production 
that you want Bower to ignore when installing your 
package. 
● keywords array of string: (recommended) helps make 
your package easier to discover 
● dependencies hash: Packages your package depends 
upon in production. Note that you can specify ranges of 
versions for your dependencies. 
● devDependencies hash: Development dependencies. 
● private boolean: package privado 
Bower.json 
{ 
"name": "widget-webgl", 
"version": "1.0.0", 
"main": “ [ webglticketing.js,orbitalcontroller.js] si utilizamos mas de un 
archivo lo agregamos en un array. 
"license": "MIT", 
“private”:true, esto es para que el repositorio sea privado y no este 
registrado en bower. 
"ignore": [ 
"**/.*", 
"node_modules", 
"bower_components", 
"test", 
"tests", 
".git", 
".gitignore", 
], 
"dependencies": { 
"threejs": "r69" => package externo 
} }
Bitbucket y Bower 
crear una release de nuestro código en bitbucket. 
Se debe tener en cuenta que número de versión en bower.json, debe coincidir con el tag creado en bitbucket. 
Ejemplo: 
Bower.json 
{ 
"name": "widget-webgl", 
"version": "1.0.0", 
"main": "WebglTicketing.js", 
... 
$ git commit -am “v1.0.0” 
$ git tag 1.0.0 
$ git push 
$ git push origin --tags
Registrar el package en Bower 
Si queremos que nuestro package sea público debemos registrarlo en bower (github). 
$ bower register <my-package-name> <git-endpoint> 
# for example 
$ bower register example git://github.com/user/example.git 
Unregister 
$ curl -X DELETE "https://bower.herokuapp.com/packages/<package>?access_token=<token>"
Instalar package público 
# registered package 
$ bower install jquery 
# GitHub shorthand 
$ bower install desandro/masonry 
# Git endpoint 
$ bower install git://github.com/user/package.git 
# URL 
$ bower install http://example.com/script.js * 
*bower documentation (http://bower.io/)
Instalar package propio 
Una vez que tengamos nuestro package creado, la manera de utilizarlo en cualquiera de nuestros proyectos es simple. 
$ bower install git@bitbucket.org:teamname/widget-webgl.git#1.0.0 
Para este proyecto estamos instando la versión 1.0.0 del widget-webgl 
Otra forma más completa de instalar un package consiste en iniciar bower 
$ bower init . 
Completar los datos 
Y a continuación instalamos los package que necesitemos. 
$ bower install git@bitbucket.org:teamname/widget-webgl.git#1.0.2 --save* 
$ bower install <package> --save-dev 
*la opción save guarda la dependencia en bower.json, de esta manera a la hora de compartir el proyecto simplemente utilizando el comando 
bower install se instalar todas las dependencias necesarias para este proyecto.
Configuracíon de bower 
.bowerrc 
{ 
"directory": "lib/", 
"analytics": false 
}
Api 
● cache list | clean (Manage bower cache) 
● help 
● home (Opens a package homepage into your favorite browser.) 
● info (Displays overall information of a package or of a particular version.) 
● init 
● install 
● link 
● list 
● lookup 
● prune 
● register 
● search 
● update 
● uninstall 
● version 
*bower documentation (http://bower.io/docs/api )
[Recursos] 
http://bower.io/docs/creating-packages/ 
http://nodejs.org/ 
http://es.wikipedia.org/wiki/Fases_del_desarrollo_de_software 
http://semver.org/lang/es/

Más contenido relacionado

La actualidad más candente

La actualidad más candente (14)

Como crear un subtheme Drupal usando zurb-foundation
Como crear un subtheme Drupal usando zurb-foundationComo crear un subtheme Drupal usando zurb-foundation
Como crear un subtheme Drupal usando zurb-foundation
 
Introducción al framework Symfony
Introducción al framework SymfonyIntroducción al framework Symfony
Introducción al framework Symfony
 
Taller de Backbone.js en Betabeers Malaga 06/09/2012
Taller de Backbone.js en Betabeers Malaga 06/09/2012Taller de Backbone.js en Betabeers Malaga 06/09/2012
Taller de Backbone.js en Betabeers Malaga 06/09/2012
 
PowerShell para administradores
PowerShell para administradoresPowerShell para administradores
PowerShell para administradores
 
Blog
BlogBlog
Blog
 
Play2012
Play2012Play2012
Play2012
 
Django avanzado: Dia4
Django avanzado: Dia4Django avanzado: Dia4
Django avanzado: Dia4
 
Django Avanzado: Dia3
Django Avanzado: Dia3Django Avanzado: Dia3
Django Avanzado: Dia3
 
Zend Framework 2 y MongoDB
Zend Framework 2 y  MongoDBZend Framework 2 y  MongoDB
Zend Framework 2 y MongoDB
 
Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo
Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para OdooJornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo
Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo
 
Nodejs
NodejsNodejs
Nodejs
 
Comandos Powershell Backup Restore SPSite
Comandos Powershell Backup Restore SPSiteComandos Powershell Backup Restore SPSite
Comandos Powershell Backup Restore SPSite
 
Django
DjangoDjango
Django
 
Net love open source v1.7
Net love open source v1.7Net love open source v1.7
Net love open source v1.7
 

Similar a Bower & bitbucket

Zeety open project manual de instalación
Zeety   open project manual de instalaciónZeety   open project manual de instalación
Zeety open project manual de instalacióngrupozeety
 
GuiaPrincipiantesGitHubrfuenzalidadev.pptx
GuiaPrincipiantesGitHubrfuenzalidadev.pptxGuiaPrincipiantesGitHubrfuenzalidadev.pptx
GuiaPrincipiantesGitHubrfuenzalidadev.pptxfuenzalidarodrigo
 
Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Juan Fede
 
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+DinLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+DinLabFIB
 
Drupal grunt task - Drupal Camp CR 2015
Drupal grunt task  - Drupal Camp CR 2015Drupal grunt task  - Drupal Camp CR 2015
Drupal grunt task - Drupal Camp CR 2015Daniel Noyola
 
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamente
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamenteCrea tus instaladores para linux (fedora, ubuntu, etc) sencillamente
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamenteKuboosoft
 
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...Freddy Banguero
 
nerdear.la 2016 - Docker workshop
nerdear.la 2016 - Docker workshopnerdear.la 2016 - Docker workshop
nerdear.la 2016 - Docker workshopRestorando
 
FROM lost to the Docker 2020
FROM lost to the Docker 2020FROM lost to the Docker 2020
FROM lost to the Docker 2020BelnGonzlezGarca1
 

Similar a Bower & bitbucket (20)

Zeety open project manual de instalación
Zeety   open project manual de instalaciónZeety   open project manual de instalación
Zeety open project manual de instalación
 
GuiaPrincipiantesGitHubrfuenzalidadev.pptx
GuiaPrincipiantesGitHubrfuenzalidadev.pptxGuiaPrincipiantesGitHubrfuenzalidadev.pptx
GuiaPrincipiantesGitHubrfuenzalidadev.pptx
 
Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7
 
Git.manual.usuario
Git.manual.usuarioGit.manual.usuario
Git.manual.usuario
 
Aprendiendo GIT
Aprendiendo GITAprendiendo GIT
Aprendiendo GIT
 
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+DinLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
 
Drupal grunt task - Drupal Camp CR 2015
Drupal grunt task  - Drupal Camp CR 2015Drupal grunt task  - Drupal Camp CR 2015
Drupal grunt task - Drupal Camp CR 2015
 
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamente
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamenteCrea tus instaladores para linux (fedora, ubuntu, etc) sencillamente
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamente
 
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...
 
Trabajo zabbix
Trabajo zabbixTrabajo zabbix
Trabajo zabbix
 
Composer
ComposerComposer
Composer
 
nerdear.la 2016 - Docker workshop
nerdear.la 2016 - Docker workshopnerdear.la 2016 - Docker workshop
nerdear.la 2016 - Docker workshop
 
Dependency Managers iOS
Dependency Managers iOSDependency Managers iOS
Dependency Managers iOS
 
S8-DS2.pptx
S8-DS2.pptxS8-DS2.pptx
S8-DS2.pptx
 
Integrando sonar
Integrando sonarIntegrando sonar
Integrando sonar
 
FROM lost to the Docker 2020
FROM lost to the Docker 2020FROM lost to the Docker 2020
FROM lost to the Docker 2020
 
FROM lost to the docker
FROM lost to the dockerFROM lost to the docker
FROM lost to the docker
 
Dependency Managers
Dependency ManagersDependency Managers
Dependency Managers
 
Gwt II - trabajando con gwt
Gwt II - trabajando con gwtGwt II - trabajando con gwt
Gwt II - trabajando con gwt
 
Mercurial
MercurialMercurial
Mercurial
 

Último

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 

Último (11)

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 

Bower & bitbucket

  • 1. Bower + Bitbucket A package manager for the web + Distributed revision control system
  • 2. Empezando con bower Para utilizar bower necesitamos tener instalado: ● node js ● npm ● bower ( npm install -g bower ).
  • 3. Crear nuestro package $ bower init . Definición de bower.json The bower.json spec defines several options, including: ● name (required): Nombre del package ● version: A semantic version number (see semver). (http: //semver.org/lang/es/) ● main string or array: The primary acting files necessary to use your package. ● ignore array: An array of paths not needed in production that you want Bower to ignore when installing your package. ● keywords array of string: (recommended) helps make your package easier to discover ● dependencies hash: Packages your package depends upon in production. Note that you can specify ranges of versions for your dependencies. ● devDependencies hash: Development dependencies. ● private boolean: package privado Bower.json { "name": "widget-webgl", "version": "1.0.0", "main": “ [ webglticketing.js,orbitalcontroller.js] si utilizamos mas de un archivo lo agregamos en un array. "license": "MIT", “private”:true, esto es para que el repositorio sea privado y no este registrado en bower. "ignore": [ "**/.*", "node_modules", "bower_components", "test", "tests", ".git", ".gitignore", ], "dependencies": { "threejs": "r69" => package externo } }
  • 4. Bitbucket y Bower crear una release de nuestro código en bitbucket. Se debe tener en cuenta que número de versión en bower.json, debe coincidir con el tag creado en bitbucket. Ejemplo: Bower.json { "name": "widget-webgl", "version": "1.0.0", "main": "WebglTicketing.js", ... $ git commit -am “v1.0.0” $ git tag 1.0.0 $ git push $ git push origin --tags
  • 5. Registrar el package en Bower Si queremos que nuestro package sea público debemos registrarlo en bower (github). $ bower register <my-package-name> <git-endpoint> # for example $ bower register example git://github.com/user/example.git Unregister $ curl -X DELETE "https://bower.herokuapp.com/packages/<package>?access_token=<token>"
  • 6. Instalar package público # registered package $ bower install jquery # GitHub shorthand $ bower install desandro/masonry # Git endpoint $ bower install git://github.com/user/package.git # URL $ bower install http://example.com/script.js * *bower documentation (http://bower.io/)
  • 7. Instalar package propio Una vez que tengamos nuestro package creado, la manera de utilizarlo en cualquiera de nuestros proyectos es simple. $ bower install git@bitbucket.org:teamname/widget-webgl.git#1.0.0 Para este proyecto estamos instando la versión 1.0.0 del widget-webgl Otra forma más completa de instalar un package consiste en iniciar bower $ bower init . Completar los datos Y a continuación instalamos los package que necesitemos. $ bower install git@bitbucket.org:teamname/widget-webgl.git#1.0.2 --save* $ bower install <package> --save-dev *la opción save guarda la dependencia en bower.json, de esta manera a la hora de compartir el proyecto simplemente utilizando el comando bower install se instalar todas las dependencias necesarias para este proyecto.
  • 8. Configuracíon de bower .bowerrc { "directory": "lib/", "analytics": false }
  • 9. Api ● cache list | clean (Manage bower cache) ● help ● home (Opens a package homepage into your favorite browser.) ● info (Displays overall information of a package or of a particular version.) ● init ● install ● link ● list ● lookup ● prune ● register ● search ● update ● uninstall ● version *bower documentation (http://bower.io/docs/api )
  • 10. [Recursos] http://bower.io/docs/creating-packages/ http://nodejs.org/ http://es.wikipedia.org/wiki/Fases_del_desarrollo_de_software http://semver.org/lang/es/