Usando Yeoman com AngularJS

Índice
Uma das coisas mais importantes a se ter em mente quando iniciamos nossa jornada de desenvolvimento de aplicativos com AngularJS, é a otimização do nosso fluxo de trabalho, ou seja, estabelecer as diretrizes com as quais vamos criar aplicativos, fazer testes, criar seções de nosso aplicativo, etc.
Temos várias opções para fazê-lo, que vão desde trabalhar manualmente, criando cada um dos diretórios por conta própria ou utilizando ferramentas que o fazem por nós, neste último podemos nos apoiar Yeoman que tem a possibilidade de gerar o andaimeEle traz um servidor web embutido e nos permite construir o esqueleto do aplicativo automaticamente.
Instalar Yeoman é tão fácil quanto operar uma linha no terminal, é claro, desde que estejamos em ambientes baseados em Unix O que Linux ou MAC, onde será suficiente apenas fazer o seguinte:
curl -L get.yeoman.io | bash

Depois disso, devemos seguir as instruções que aparecem na tela; porém janelas É outra questão e aqui devemos fazer o que se chama de instalação manual, para isso devemos primeiro instalar NodeJS e então com seu gerenciador de pacotes npm instalar Yeoman e o construtor de aplicativos Angular. Tudo isso está devidamente documentado no site da Yeoman.

Assim que tivermos instalado e Yeoman em execução, podemos criar nosso aplicativo AngularJSLembremos que mesmo para as aplicações mais básicas, por convenção é necessário incluir os diretórios para formar a estrutura.
Como isso é muito tedioso de fazer manualmente, com Yeoman Só temos que escrever o seguinte em um console:
yeoman init angular

Isso criará não apenas a estrutura de pastas, mas também os esqueletos básicos do rotas, controladores e dependências.
Como sabemos, as rotas são uma das principais características de nossos aplicativos em Angular, Yeoman Permite-nos não só gerar a rota, mas também os arquivos necessários para que ela funcione, para isso basta utilizar o comando:
yeoman init angular: nome do caminho da rota

Onde nome do caminho será o caminho que queremos, por exemplo se em vez de colocar nome do caminho nós colocamos casa, Yeoman vai cuidar de:
  • crie o arquivo home.js em app / script / controllers
  • crie o arquivo home.js em test / specs / controller
  • crie o arquivo home.html em app / views
Além disso, isso irá gerar o código do caminho no arquivo app / scripts / app.js
Vantagens YeomanCom tudo isso já economizamos muito trabalho, além de sermos automatizados evitamos pequenos erros de configuração que podem afetar nosso desenvolvimento, como errar o nome de um controlador ou colocar o caminho de forma inadequada, o que pode nos levar a tem que fazer um pouco depuração tirando assim o tempo que poderíamos gastar em outras coisas.
Com isso terminamos este tutorial, aprendemos como instalar e como iniciar um aplicativo com YeomanDevemos lembrar também que esta não é a única ferramenta que atende a esses propósitos, então eles devem fazer algumas pesquisas para encontrar outras opções, comparar e ficar com a ferramenta que melhor se adéqua aos nossos propósitos e necessidades.

Você vai ajudar o desenvolvimento do site, compartilhando a página com seus amigos

wave wave wave wave wave