Estrutura de um projeto em AngularJS

Assim que soubermos como funciona AngularJS De forma básica, devemos também saber que para gerar um projeto devemos ter uma estrutura, pois com ela podemos organizar os conteúdos e com isso podemos incluir mais pessoas no desenvolvimento e que tudo continua funcionando.
Normalmente podemos fazer uma estrutura manualmente, porém existem ferramentas que nos auxiliam nessas tarefas de forma automatizada, então temos as duas opções, as ferramentas automatizadas nos ajudam a sempre manter uma convenção com a qual podemos reaproveitar partes de outros projetos se tudo Corresponde.
Uma estrutura base deve conter a separação entre os diferentes recursos da nossa aplicação, com isso evitaremos cair em confusão, por exemplo não é recomendado ter conteúdo estático na mesma pasta em que guardamos os nossos modelos.
Podemos fazer a estrutura de nossa aplicação de duas formas, uma manualmente, ou seja, criando cada uma das pastas que o projeto deve carregar por conta própria e a segunda utilizando ferramentas que criam um diretório recomendado com a estrutura e alguns arquivos básicos.
Uma das ferramentas mais utilizadas é Yeoman disponível em http: / /yeoman.io e que nos permite gerar a estrutura de base para um projeto de AngularJS, mas não só isso, mas também suporta outras estruturas ou ferramentas, como Backbone.js ou Ember.js.

PROLONGAR

É baseado em node.js por isso devemos ter algum conhecimento do assunto para podermos usá-lo, o importante é que uma vez instalado, podemos gerar projetos automaticamente usando apenas comandos simples, bem como partes de projetos como filtros.
Isso nos ajuda a evitar erros na configuração inicial de nosso aplicativo. Podemos combinar esta ferramenta com outras, como Grunt, bower e npm para construir as dependências dos pacotes de que necessitamos.
Se decidirmos seguir um caminho manual, podemos ver as seguintes pastas ou estruturas que devemos levar em consideração para trabalhar de forma organizada:
ScriptsDevemos ter uma pasta de scripts, aqui deve ir todo o conteúdo de que necessitamos, como os controladores e modelos de AngularJS que solicitamos em nossa aplicação, podemos dividir internamente ainda mais se for nosso desejo.
VisualizaçõesOutra pasta muito necessária é a pasta Visualizações, aqui vamos armazenar todas as views da nossa aplicação, lembre-se que geralmente este tipo de projeto trabalha com templates, então aqui será o lugar certo para colocá-los.
FornecedorEsta pasta geralmente vai dentro de scripts e conterá todos os arquivos .js que precisaremos, por exemplo, se quisermos usar bibliotecas adicionais ou se quisermos usar um mecanismo de modelo como Sublinhado, este será o local para armazená-los.
EstáticoPodemos dividi-lo em img e css, como podemos inferir pelos nomes, cada um terá as imagens e arquivos de estilo que serão aplicados na aplicação, esta pasta é interessante porque pode até ser um link dinâmico para um caminho em uma CDN de nosso uso ou preferência.
Com isso, basicamente aprendemos que precisamos organizar um projeto feito em AngularJSO importante é que devemos seguir as convenções, mesmo que sejam de nossa própria invenção, desta forma podemos realizar o trabalho da melhor maneira possível.