17
BOWER GERENCIADOR DE PACOTES PARA WEB Gregorio de Almeida Queiroz

Bower - Gerenciador de Pacotes para WEB

Embed Size (px)

Citation preview

Page 1: Bower - Gerenciador de Pacotes para WEB

BOWERGERENCIADOR DE PACOTES PARA WEB

Gregorio de Almeida Queiroz

Page 2: Bower - Gerenciador de Pacotes para WEB

Por quê é importante?

Page 3: Bower - Gerenciador de Pacotes para WEB

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

Representação

Page 5: Bower - Gerenciador de Pacotes para WEB

INSTALANDO

Necessário nodejs

Page 6: Bower - Gerenciador de Pacotes para WEB

Paramêtros

bower –v - Comando para confirmar qual a versão presente do Bower.

Page 7: Bower - Gerenciador de Pacotes para WEB

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

Estrutura do bower.json

Page 9: Bower - Gerenciador de Pacotes para WEB

.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

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

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

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

Desistalando pacotes

Opções

-S, --save: Remove pacotesdo projeto

-D, --save-dev: Remove pacotes do devDependencies

Page 14: Bower - Gerenciador de Pacotes para WEB

É 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

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

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

OBRIGADO

Gregorio de Almeida Queiroz