quinta-feira, 21 de fevereiro de 2019

Ionic #14: Estrutura de um projeto Ionic

O que tem em cada pasta da aplicação Ionic:

node_modules: Dependencias do projeto.

plugins: Instalados os plugins do cordova.
fetch.json: Identificações e versões dos plugins.

resources: Onde ficam o ícone e o splashscreen (tela de carregamento) da aplicação.

src: Código fonte da aplicação.
app:
app.component.ts: Componente de bootstrap da aplicação. A aplicação inicia por ele;
app.html: Código da página;
app.module.ts: Módulo root da aplicação;
app.scss: Página de estilos globais da aplicação;
main.ts: Inicia a aplicação.
assets: Diretório onde ficarão todos os recursos estáticos da aplicação (imagens, vídeos, etc).
pages: Páginas da aplicação.
theme:
variables.scss: Pode se sobrescrever estilos css, definir estilos diferentes para cada plataforma específica, etc.
declarations.d.ts: Declaração de módulos onde ainda uma definição TypeScript.
index.html: Arquivo que faz a chama aos scripts da aplicação. HTML principal da aplicação.
manifest.json e service-worker.js: Arquivos para trabalhar com progressives web apps.


typings: Algumas configurações do Typescript para o Cordova.

www: Empacotamento/build da aplicação. Gerado automaticamente pelo CLI do Ionic.

.editorconfig: Compartilhar a configuração de editor de código entre vários editores (mantem um padrão para todos os IDE). Documentação em editorconfig.org.

.gitignore: lista de diretórios e arquivos que serão ignorados pelo git.

config.xml: Arquivo de configuração do Cordova. Lista de plugins, configurações específicas para cada plataforma, autor, etc.

ionic.config.json: Configurações do próprio Ionic.

packege.jason: Descrição da aplicação e das dependências da aplicação, lista de plugins, plataformas, etc.
@ionic/storage: Pacote do Ionic para trabalhar com armazenamento local;
ionic-angular: Basicamente o core (núcleo) do Ionic, onde ficam os componentes, os sistemas de navegação, temas, etc.
ionic-native: Pacote que encapsula os plugins do Cordova, para se trabalhar com eles usando Typescript.
ionicons: Ícones do Ionic.
rxjs: Dependências para trabalhar com programação reativa.
sw-toolbox: Ferramentas para trabalhar com Service Work (PWA);
zone.js: Armazenamento local de threads para máquinas virtuas JavaScript

devDepentences: Dependências necessárias durante o desenvolvimento.
@ionic/app-script: pacote que faz o build e serve, entre outros. Faz todo o processo de automação de tarefas de um projeto Ionic.
typescript: Versão do TypeScript necessário para o Ionic 2.

tsconfig.json: Basicamente define instruções para o compilador do TypeScript.

tslint.json: Algumas configurações e regras para o lint do TypeScript. Verifica se a linguagem está com a sintaxe correta.

Nenhum comentário:

Postar um comentário