Download - Bower - Gerenciador de Pacotes para WEB
![Page 1: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/1.jpg)
BOWERGERENCIADOR DE PACOTES PARA WEB
Gregorio de Almeida Queiroz
![Page 2: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/2.jpg)
Por quê é importante?
![Page 3: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/3.jpg)
Desenvolvido pela Equipe do Twitter.
Site oficial http://bower.io/
Função
Gerenciar pacotes e dependências que utilizamos em nossos projetos
Vantagens
Faz cache - evita tráfego desnecessário. Exemplo no GIT.
Organizado.
BOWER
![Page 4: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/4.jpg)
Representação
![Page 5: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/5.jpg)
INSTALANDO
Necessário nodejs
![Page 6: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/6.jpg)
Paramêtros
bower –v - Comando para confirmar qual a versão presente do Bower.
![Page 7: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/7.jpg)
O Bower é configurado por meio do arquivo bower.json. Todas as dependências e versões estão armazenadas neste arquivo.
O comando bower init, gera a estrutura do arquivo.
Configuração
![Page 8: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/8.jpg)
Estrutura do bower.json
![Page 9: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/9.jpg)
.bowerrc
Arquivo que auxilia as pré-definições dentro do nosso projeto.
{
“directory”:”bower_components”,
“json”:”bower.json”
}
![Page 10: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/10.jpg)
Pré Instalação de Pacotes
Pra instalar pacotes ao nosso projeto, podemos começar pesquisando sobre a biblioteca a ser utilizada. Para isto utilizamos o comando bower search.
Utilizamos em conjunto com o SEARCH, o comando INFO para termos mais detalhes sobre o pacote que desejamos instalar, como por exemplo a versão.
http://bower.io/search/
![Page 11: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/11.jpg)
Instalação de Pacotes
Opções
-F, --force-latest: Força para versão mais recente sobre o conflito
-p, --production: Não instalar no projeto project devDependencies
-S, --save: Salve os pacotes instalados em dependências bower.json do projeto
-D, --save-dev: Salve os pacotes instalados em devDependencies bower.json do projeto
-E, --save-exact: Configurar pacotes instalados com uma versão exata
![Page 12: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/12.jpg)
BOWER_COMPONENTS pasta DEFAULT, onde será baixado e organizados todos os pacotes executados através do comando install.
Após o primeiro COMMIT do projeto, é recomendado que a referência da pasta seja colocada dentro do .gitignore.
BOWER_COMPONENTS
BOWER_COMPONENTS pode ser renomeado pra qualquer nome mais conveniente
![Page 13: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/13.jpg)
Desistalando pacotes
Opções
-S, --save: Remove pacotesdo projeto
-D, --save-dev: Remove pacotes do devDependencies
![Page 14: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/14.jpg)
É recomendo utilizar previamente o comando bower list, para exibir os pacotes com atualizações disponíveis.
UPDATE
Atualizando Pacotes
http://semver.org/
O comando sempre vai respeitar o discriminado no bower.json. Para especificar as atualizações seguir, os comandos abaixo:
VERSÕES
![Page 15: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/15.jpg)
Registrar um pacote, permite disponibilzar a sua coleção para o uso dos demais.
Registro de Pacotes
BOWER UNREGISTER permite deresgistrar um pacote. Precisa de autenticação.
![Page 16: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/16.jpg)
Bower.io
http://bower.io/docs/api/
Rodrigo Branas https://www.youtube.com/watch?v=ZA06skH73gg&index=1&list=PLQCmSnNFVYnS1vVHVumHKAc8RLcSK-Rl2
Vitor Brito
http://www.vitorbritto.com.br/blog/gerenciando-dependencias-front-end-no-seu-projeto/
Dicas
![Page 17: Bower - Gerenciador de Pacotes para WEB](https://reader038.vdocuments.mx/reader038/viewer/2022103010/58ecc5ed1a28abd2108b4721/html5/thumbnails/17.jpg)
OBRIGADO
Gregorio de Almeida Queiroz