Visão geral do painel
Encontre seus projetos, entenda o que está no ar, visualize seu trabalho e acesse os lugares que você mais usa.
Encontre seus projetos, entenda o que está no ar, visualize seu trabalho e acesse os lugares que você mais usa.
O painel é sua base principal no Atoms. É onde você começa algo novo, reabre um projeto, alterna entre espaços de trabalho, explora ideias, conecta ferramentas e verifica os créditos disponíveis para o seu Espaço de Trabalho.

O painel do Atoms Home. Seu espaço de trabalho e projetos ficam à esquerda; novos trabalhos começam a partir do prompt no centro.
Comece pela Home
A grande caixa de prompt no meio da Home é a forma mais rápida de iniciar um novo projeto. Descreva o que você quer criar, adicione arquivos ou referências úteis e, em seguida, envie a solicitação para o Atoms.
- Use o botão + quando quiser anexar arquivos, pastas, imagens ou outro contexto.
- Use o controle Web / App exibido na área do prompt quando ele for relevante para o projeto que você está iniciando.
- Use Conecte suas ferramentas ao Atoms quando o projeto precisar de um serviço externo ou conector.
Encontre seus projetos
Você tem dois caminhos fáceis de volta para trabalhos que já começou: My Projects na barra lateral esquerda e a aba My Projects na seção inferior da Home.
Na captura de tela acima, este espaço de trabalho ainda está vazio, então a barra lateral mostra “No projects yet.” Depois que você criar um projeto, use My Projects para reabri-lo e continuar no mesmo espaço de trabalho do projeto.
Pontos de entrada comuns do painel
As posições abaixo descrevem o painel Home para desktop. Em telas menores, os mesmos destinos podem aparecer em um layout diferente. Você não precisa memorizar toda a interface; estes são os lugares aos quais você voltará com mais frequência.
| Seletor de Espaço de Trabalho | No canto superior esquerdo. Alterne entre espaços de trabalho. Cada espaço de trabalho tem seus próprios projetos e recursos compartilhados do espaço de trabalho. |
|---|---|
| Home | Volte ao painel principal e inicie uma nova solicitação a partir do prompt central. |
| Recursos | Abra a área de Recursos na barra lateral esquerda. |
| My Projects | Veja e reabra os projetos no espaço de trabalho atual. |
| Discover | Navegue por ideias e projetos públicos quando quiser inspiração ou algo para explorar. |
| Templates | Navegue por pontos de partida quando preferir começar a partir de uma estrutura existente em vez de um prompt em branco. |
| Connect tools | Conecte serviços externos compatíveis quando seu projeto precisar deles. |
| Créditos | Verifique o saldo atual de créditos do espaço de trabalho no canto superior direito do painel. |
| Barra lateral inferior | Use os cartões da comunidade e de créditos grátis acima dos controles do rodapé; use os controles do rodapé para acessar conta/configurações e notificações. |
Trabalhe dentro de um projeto
As orientações abaixo descrevem o espaço de trabalho do projeto no desktop. Os controles podem variar de acordo com seu nível de acesso, tipo de projeto, status de compilação e se você está visualizando ou editando o projeto.
O menu Project oferece caminhos rápidos como Go to Dashboard, Créditos, Settings, Connectors, Rename Project e Details.
Publique e atualize um projeto
A forma mais fácil de pensar sobre o status do projeto é separar a versão em que você está trabalhando dentro do Atoms da versão que as pessoas podem abrir na web pública.
| Antes da publicação | Você pode criar, editar e visualizar o projeto dentro do Atoms. Ele ainda não está disponível por meio de um link público estável do app. |
|---|---|
| Publicado | Publicar cria um link público estável. Essa é a versão que outras pessoas podem abrir e usar. |
| Após mais alterações | Quando um projeto está no ar, Publish se torna Update. Use Update quando quiser que a versão pública receba suas alterações mais recentes. |
A publicação exige permissão para gerenciar o projeto público. Para um projeto web qualificado, Publish coloca a compilação mais recente no ar na URL pública. Depois que uma compilação mais nova estiver pronta, use Update e, em seguida, abra a URL pública e confirme que a versão desejada está no ar. As opções de publicação podem ser diferentes para Atoms Cloud e projetos mobile, então siga os controles exibidos para o seu projeto.
Visualize um projeto
Abra um projeto e deixe o Agente concluir a compilação atual. O Visualizador de App então oferece uma visualização funcional do app sem sair do Atoms.
- Use o alternador de visualização para desktop e mobile para verificar como o layout se adapta. Para testar um layout de tamanho tablet, abra a visualização em uma aba do navegador e redimensione a janela do navegador.
- Use Reload App Viewer se a visualização precisar ser recarregada.
- Abra a visualização em uma nova aba do navegador quando quiser mais espaço ou quando a visualização incorporada não estiver respondendo.
- Se Design estiver disponível, selecione-o primeiro e depois escolha o elemento visual que deseja alterar. O Design exige acesso de proprietário ou editor e pode não estar disponível até a compilação terminar ou em alguns tipos ou estados de projeto.
- Se a visualização estiver com problema, verifique as informações do Console / Terminal em busca de erros e use o fluxo Resolve disponível quando um problema for detectado.