Skip to content

Instantly share code, notes, and snippets.

@omariosouto
Last active February 17, 2016 11:12
Show Gist options
  • Save omariosouto/59fd8016fa03201c3a4d to your computer and use it in GitHub Desktop.
Save omariosouto/59fd8016fa03201c3a4d to your computer and use it in GitHub Desktop.
Bower - Tips

Bower

Instalando o bower

Para instalar o bower é necessário ter o NodeJS

  1. Com o node já instalado execute o comando "npm install -g bower"
  2. Para verificar se a instalação foi concluída basta executar um "bower help", esse comando serve também para ver a lista dos principais comandos.

Configuração

O Bower é configurado por meio do arquivo "bower.json" que armazena as dependências instaladas e suas versões. É possível gerar o arquivo automaticamente também.

  1. "bower init"
  2. Preencha as informações solicitadas de acordo com o seu projeto (name, version, homepage, authors...)
  3. Você pode usar o "bower search " para procurar um determinado pacote
  4. Também é possível buscar informações a respeito de um pacote usando "bower info "
  5. Após ter as informações que se deseja, para instalar o pacote basta digitar "bower install #" (ex: angular#1.2.16)
  • Somente instalando assim o arquivo não é atualizado no "bower.json"
  • --save = faz com que além de salvar o arquivo ele atualiza o bower.json (deve ser usado para dependências principais)
  • --save-dev = instala uma dependência somente para desenvolvimento e atualiza nessa forma no bower.json
  • Uma forma de ver isso em prática é usando o comando "bower install --production" que só baixa as dependências principais do projeto (sem considerar as de desenvolvimento como é o caso do angular-mocks que é usado para testes).
  1. Caso você não queira mais uma dependência basta usar o comando "bower uninstall --save-dev (essa ultima parte varia de como está instalada a dependência)."
  2. É possível alterar o nome da pasta "bower_components" para "lib" por exemplo basta criar um arquivo ".bowerrc " com o texto:

{ "directory": "lib/" }


Atualizações

  1. "bower list" lista todos os seus pacotes.
  2. "bower update angular" atualiza um pacote (no exemplo o angular)
  3. ^ (faz update para a verão mais atual)
  4. ~ (faz update para a versão mais atual estável)
  5. (aceita qualquer versão maior)

  6. < (aceita qualquer versão menor)
  7. latest (última versão disponível)

Semancitc versioning 2.0.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment