Você está na página 1de 5

node_modules:

Diretório responsável por armazenar as nossas bibliotecas, quando


adicionamos algo no projeto com o comando "npm" ele modifica o
arquivo "package.json" e gerencia os pacotes e as suas versões
dentro desse diretório.

src:
É a pasta principal do nosso projeto, onde literalmente criamos a
nossa aplicação, onde criaremos os "components, modules,
services, etc..."

src/app:
Basicamente o núcleo da aplicação, quando geramos qualquer
component, service, modules, etc, é nesta pasta que eles são
gerados.

app.component.css:
Arquivo responsável pelo estilo do módulo. Com o Angular
trabalhamos com os estilos separados para cada componente, para
ter um desacoplamento de estilos.

app.component.html:
Arquivo HTML do nosso componente App, segue o mesmo
pensamento que os arquivos de estilo.

app.component.spec.ts:
Arquivo de teste do componente, não muito usual.

app.component.ts:
Esse arquivo será a nossa classe do componente, onde faremos as
funções dos botões, ações e interações que aplicação vai ter.
app.module.ts:
O Angular é um framework modular, ele precisa de um ou mais
módulos para que possamos gerenciar os nossos componentes,
esse módulo acaba sendo um defaut, mas podemos criar outros
modules e chama-los dentro dele.

src/assets:
Esse diretório nos permite trabalhar com arquivos extras a nossa
aplicação, como as nossas imagens. Esse diretório é configurado
dentro do nosso arquivo "angular.json", caso queira alterar para
outra pasta ou incluir, basta ir até o arquivo angular.json e informar
o nome do novo diretório.

src/environments:
Aqui nós temos dois arquivos ".ts", um para o nosso ambiente de
produção e outro para o nosso ambiente de desenvolvimento. Nele
nós podemos definir constantes "globais" em toda aplicação.

src/favicon.ico:
Este arquivo é uma pequena imagem que fica guardada no site
para visualização pelo navegador. Geralmente são utilizados como
logotipo em tamanho reduzido, nos sites de empresas, entidades e
marcas quaisquer. Ele é aquele ícone pequeno que fica ao lado do
nome da página.

src/index.html:
Nosso arquivo HTML que é exibido no Browser, dentro dele
rodamos a nossa SPA (Single Page Application).
src/main.ts:
É o arquivo principal da nossa Solution. Ele vem definido dentro do
nosso arquivo angular.json, esse seria o arquivo que chama todos
os outros arquivos e faz a nossa aplicação funcionar.

src/polyflls.ts:
Arquivo que funciona como um tradutor. Ex: nós precisamos utilizar
algo novo do JS(versão mais nova), mas nossos navegadores só
conseguem entender as versões anteriores do JS, então esse
arquivo irá interpretar(converter) e passar o código corretamente
para os nossos navegadores.

src/style.css:
Como em todos os nossos componentes têm o seu próprio arquivo
.css, nós podemos utilizar esse arquivo para criar algo global como
classes css gerais para nossa aplicação.

src/test.ts:
Este arquivo é responsável por realizar os nossos testes na
aplicação.

Fora do diretório src

.angulardoc.json:
Onde fica armazenado o ID do repositório.

.editorconfig:
Configurações especificas da IDE que está sendo usado.
.gitignore:
Arquivo do git que utilizamos para o gerenciamento dos arquivos
que serão ignorados no momento do commit.

angular.json:
É onde fica armazenada todas as configurações do angular e do
projeto.

browserlist:
Onde colocamos os browsers que são suportados pela nossa
aplicação.

karma.config.js:
É uma biblioteca utilizada para criação de testes unitários
desenvolvida pela própria equipe do Angular.

package-lock.json:
Serve para descrever as características das dependências usadas
no projeto. Versão, subdependências, links de verificação de
integridade, dentre outras coisas.

package.json:
Arquivo responsável por gerenciar as dependências do nosso
projeto, quando executamos o comando "npm install", ele verifica os
pacotes que estão dentro desse arquivo e baixa para o nosso
diretório "node_modules".
README.md:
Arquivo Markdowns para documentação da nossa aplicação.

tsconfig.app, tsconfig.spec.json e tsconfig.json:


Arquivos de configuração TypeScript.

tslint.json:
Fica verificando se estamos escrevendo o nosso código
corretamente, verifica a sintaxe do nosso projeto em tempo de
execução e em caso de erro ou warning ele lança uma exception no
console.

Você também pode gostar