Top Posts

Série Dropbox Lançamento easyJavaDropboxAPI for Java Developer

Continue lendo

Usando Yoeman com AngularJS

Posted by camilolopes | Posted in AngularJS | Posted on 31-07-2014

0

yeoman

Olá Pessoal,

No post de hoje vamos ver como usar o Yeoman com AngularJS.  Eu falei sobre o Yeoman rapidamente nesse post.

Lets go…

Step 1

Para o ambiente Windows, você pode ter o Gitbash instalado com suporte a execução de comando linux/unix. Instale também o NodeJS.

 Step 2

Agora abra o Gitbash e digite o comando

 

yoemaninstall

Ao terminar

 yoemanfinishedinstall

Step 3

Para ter suporte à criação de projetos com o angular, precisamos instalar o generator para o framework.

yoemaninstallangular

Crie uma pasta algo como yeomandemo. Entre nela e digite

 

Responda Y

E escolha a opção:

 

E vá respondendo às perguntas.

 yoemanangularsetup

Pronto, seu projeto foi criado. Para entender a estrutura há um post completo: http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/

 No meu github coloquei um exemplo do projeto demo que fiz com yoeman gerando o projeto com angular https://github.com/camilolopes/workspaceAngularJs

 Abraços. See ya!!!

Série AngularJS: Atualizando versão do AngularJS via Yeoman

Posted by camilolopes | Posted in AngularJS | Posted on 24-07-2014

0

yeoman

Olá Pessoal,

No post de hoje vamos ver como dizer para o Yeoman usar uma versão específica do angularJS.

Lets go…

Atualizando AngularJS via Yeoman

Por default, o Yeoman na versão 1.0 vem com o AngularJS 1.0.7, mas se precisamos usar a versão mais recente ou uma específica, como atualizar? É bem simples.

Note: vou considerar que você criou seu projeto via yeoman.

Step 1

Abra o arquivo bower.json

Step 2

Altere as dependências a seguir para a versão desejada:

  Step 3

Digite bower update e aguarde atualização

bowerupdateversion

Step 4

Agora execute:

 Step 5

Precisamos atualizar o arquivo Karma.conf.js  no array files adicione:

 Step 6

Abra o arquivo apps.js  e atualize. Adicione ngRoute ficando assim:

Step 7

Abra o arquivo index.html dentro de app/index.html e adicione a linha a seguir no bloco de script/modules.js

Pronto. Veja que a estrutura do projeto foi alterada de acordo com a versão escolhida do AngularJS. Sabemos que a partir da versão 1.2 tivemos mudanças que são incompatíveis com projetos na versão 1.0.x, como já citei aqui no blog.

Vou ficando aqui e espero que tenham gostado do post.

Abraços, see ya!