Saltar para o conteúdo principal

Documentation Index

Fetch the complete documentation index at: https://docs.replit.com/llms.txt

Use this file to discover all available pages before exploring further.

O Project Editor inclui gerenciamento de layout e ferramentas integradas que potencializam sua experiência de criação de aplicativos. Esses recursos do Project Editor são especializados no tratamento de aspectos específicos do processo de desenvolvimento, permitindo que você se concentre em criar em vez de configurar.

​
Layout personalizável do Project Editor

As ferramentas de gerenciamento de layout do Project Editor permitem que você personalize os componentes do ambiente de desenvolvimento. Ele consiste nos seguintes tipos de elementos de interface do usuário:
ElementoDescriçãoCapacidadesCasos de uso
WindowsAbas do navegador que contêm um ou mais painéis
  • Podem ser organizadas em múltiplas telas
  • Organizar o Project Editor em múltiplas telas
  • Trabalhar em diferentes projetos simultaneamente
PanesSeções de uma janela que contêm uma ou mais abas
  • Suportam divisão horizontal e vertical
  • Podem ser redimensionadas e reorganizadas
  • Podem ser convertidas em um painel flutuante dentro da janela
  • Ver código e Preview lado a lado
  • Criar layouts personalizados para diferentes tarefas de desenvolvimento
TabsContêm exatamente uma ferramenta do Project Editor, como o editor de arquivos, Preview ou Agent
  • Podem ser movidas entre painéis e reordenadas dentro deles
  • Podem alternar entre diferentes arquivos ou ferramentas com um único clique
  • Abrir diferentes ferramentas ou arquivos quando necessário
O seguinte vídeo identifica cada elemento de layout do Project Editor:

​
Árvore de arquivos

A árvore de arquivos lista todos os arquivos e diretórios do seu Replit App.
Selecione o ícone de ícone de pasta com setas pasta no lado esquerdo para alternar a visibilidade da árvore de arquivos.
Você pode realizar as seguintes ações na árvore de arquivos:
  • Selecionar uma pasta para exibir seu conteúdo
  • Selecionar um arquivo ou arrastá-lo para um painel para abri-lo no editor de arquivos
  • Realizar operações de arquivo como duplicar, renomear, mover, baixar ou excluir
O seguinte vídeo mostra várias ações na árvore de arquivos:

​
Dock de ferramentas

O dock de ferramentas permite que você pesquise e abra ferramentas do Project Editor em novas abas.
Selecione entre as ferramentas mais usadas ou selecione o ícone Ícone Todas as ferramentas All tools para abrir o menu popup de pesquisa de ferramentas.
A captura de tela a seguir mostra o menu popup All tools aberto no dock de ferramentas:
captura de tela do dock de ferramentas

​
Botão Run

O botão Run executa o Workflow selecionado do Replit App.
O botão Run está localizado no topo da tela do Project Editor. Selecione o botão para executar o Workflow.Quando seu Replit App estiver em execução, o rótulo do botão é substituído por Stop. Selecione o botão para parar o aplicativo.
Para saber como selecionar, visualizar e gerenciar Workflows, consulte Workflows. O seguinte vídeo mostra como visualizar e executar um Workflow:

​
Página Spotlight

A página Spotlight permite que você visualize e modifique a página de capa do seu Replit App e acesse as opções de compartilhamento.
Selecione o nome do seu projeto no canto superior esquerdo do Project Editor para alternar a página Spotlight.
O seguinte vídeo mostra como acessar a página Spotlight:
O menu de opções permite que você realize os seguintes tipos de ações de layout:
  • Gerenciamento de janelas: Abrir o Project Editor do Replit App em uma nova janela
  • Gerenciamento de painéis: Adicionar painéis, mover um painel, maximizar um painel e alternar entre posições flutuantes e fixas
  • Gerenciamento de abas: Abrir ou selecionar outras abas, mover uma aba para outro painel e fechar uma aba
Selecione os ícone de três pontos verticais três pontos verticais localizados no canto superior direito da aba ativa para abrir o menu de opções.
A captura de tela a seguir mostra o menu popup de opções no painel esquerdo:
captura de tela mostrando o menu de opções do Project Editor

​
Barra de pesquisa

A barra de pesquisa permite que você encontre arquivos, texto ou ferramentas dentro do Project Editor.
  1. Para abrir a barra de pesquisa, selecione o ícone de ícone de lupa lupa no topo.
  2. Digite seu texto de pesquisa e selecione entre as sugestões de preenchimento automático.
A captura de tela a seguir mostra o menu popup de pesquisa:
captura de tela mostrando o menu de pesquisa do Project Editor

​
Painel de recursos

O painel de recursos exibe os recursos de computação e o uso do seu ambiente de desenvolvimento, incluindo RAM, CPU e armazenamento. Essas informações podem ajudá-lo a estimar e otimizar os requisitos de publicação do seu Replit App.
  1. Selecione o ícone de ícone de computadores empilhados recursos localizado ao lado do nome do seu aplicativo para alternar o painel.
  2. Passe o mouse sobre os itens Compute ou Storage para mais detalhes.
A captura de tela a seguir mostra o painel de recursos:
captura de tela mostrando o painel de recursos do Project Editor

​
Ferramentas

Para saber mais sobre outras ferramentas do Project Editor, selecione na lista a seguir:

Secrets

Proteja as chaves de API, credenciais e senhas do seu aplicativo.

File History

Volte no tempo para recuperar edições perdidas com o recurso de rastreamento de versões do Replit.

Multiplayer

Programe em conjunto em tempo real com dois ou mais usuários.

User Settings

Personalize sua experiência de programação através da ferramenta Settings.

Console

Veja a saída do seu Replit App

Shell

Interaja com o Project Editor usando uma interface de linha de comando.

Preview

Visualize e depure seu aplicativo web.