Experimente Grátis

Conhecendo o layout da IDE

Equipe Cronapp

08/09/2016

Olá, usuário do CronApp!

Neste tutorial você irá conhecer melhor o layout de nossa IDE e suas principais ferramentas.

A CronApp IDE é uma ferramenta para o desenvolvimento rápido de aplicações Java Web. Essa IDE é executada na nuvem, sem a necessidade de instalação ou configuração e o desenvolvimento no CronApp IDE é baseado na geração de código a partir da modelagem de dados. São recursos que utilizamos no trabalho corriqueiro de desenvolvimento, como: criar arquivos, salvar, editores de código, etc.

Barra de Ferramentas

No canto superior temos a barra de menus, onde temos algumas opções de arquivo, de projeto, fonte de dados e o menu deploy (em que você poderá fazer a publicação de seu projeto). Logo abaixo temos a barra de ferramentas com alguns atalhos dos recursos mais utilizados, como executar e console, e ao final temos um botão que te leva direto ao contato do suporte caso tenha alguma dúvida.

1

Figura 1 – Barra de Ferramentas

2

Figura 2 – Workspace com a barra de ferramentas discriminada

Árvore de Recursos

À esquerda está a árvore de recursos, onde todos os arquivos do projeto estão organizados em pastas.

3

Figura 3 – Árvore de Recursos

6

Figura 4 – Workspace com a árvore de recursos discriminada

Abas do Rodapé

Embaixo temos a aba console, com as informações que são geradas pelo servidor web e a aba erros sinalizando todos os erros e avisos gerados pelo compilador. Quando se executa a aplicação no modo debug mais duas opções são apresentadas.

5

Figura 5 – Abas

7

Figura 7 – Abas (com debug executado)

6

Figura 6 – Workspace com as área de abas discriminada

 

Área de Edição

O centro da IDE é a área de edição. Nela que aparecerão os arquivos abertos e dependendo do tipo de arquivo, novos campos serão exibidos. Por exemplo, ao abrir um arquivo com a extensão view.html, são habilitadas as abas visualização e código para poder editar esse arquivo da maneira que desejar, assim como uma aba de elementos e editores ao lado direito.

8

Figura 7 – Área de Edição (visual)

9

Figura 8 – Área de Edição (código)

 

Pronto!

Com isso você já está mais familiarizado com o layout da IDE e pode começar a criar suas aplicações com mais facilidade!

 

Artigos recentes

O que são, como funcionam e para que servem os microsserviços?

22/03/2019

Técnicas de Cloud Computing e BI: fique por dentro e tenha bons insigths

Técnicas de Cloud Computing e BI: fique por dentro e tenha bons insigths

Como fazer a análise de viabilidade de projetos de aplicativos?

Como fazer a análise de viabilidade de projetos de aplicativos?

20/03/2019

Artigos recentes

O que são, como funcionam e para que servem os microsserviços?

22/03/2019

Técnicas de Cloud Computing e BI: fique por dentro e tenha bons insigths

Técnicas de Cloud Computing e BI: fique por dentro e tenha bons insigths

Como fazer a análise de viabilidade de projetos de aplicativos?

Como fazer a análise de viabilidade de projetos de aplicativos?

20/03/2019