Visualização do WebIDE

WebIDE Preview O ambiente WebIDE é particularmente útil para:
  1. Escrever e depurar código em várias linguagens de programação (Java, JavaScript, Python, etc.)
  2. Projetos de desenvolvimento web com recursos de visualização ao vivo, consulte Crie Sua Primeira Página HTML no WebIDE
  3. Gerenciar arquivos e diretórios de projetos por meio de uma interface intuitiva
  4. Operações de terminal integradas para tarefas de linha de comando

Layout do Ambiente

A interface WebIDE consiste em vários componentes principais:
  1. Barra Lateral Esquerda:
    • Explorador de arquivos para navegação no projeto
    • Funcionalidade de pesquisa
    • Controle de origem para operações Git
    • Painel de extensões
  2. Área do Editor: Principal espaço de trabalho de codificação
  3. Painel Inferior: Terminal, problemas e saída
  4. Barra de Status: Acesso rápido às configurações e visualização ao vivo
  5. Barra de Menu Superior: Arquivo, Editar, Exibir e outras opções

Acesso ao Terminal

Você pode abrir o terminal de duas maneiras:
  1. Clique no ícone no canto inferior esquerdo e mude para a aba Terminal; Terminal Access
  2. Use o menu superior: Terminal > Novo Terminal Terminal Access

Visualizar HTML

Para visualizar seu arquivo HTML:
  1. No WebIDE, clique no botão “Go Live” no canto inferior direito. Go Live button in WebIDE
  2. Uma nova aba do navegador será aberta com sua página HTML renderizada. HTML page rendered in browser tab
  3. Ou, você pode clicar na aba “Web 8080” para abrir a visualização. WebIDE Web 8080 tab preview
  4. Se seu projeto estiver em um subdiretório, você pode acessá-lo clicando no nome do subdiretório no explorador, então ele visualizará automaticamente o arquivo index.html nesse diretório. WebIDE subdirectory preview
  5. Se seu projeto tiver vários arquivos HTML, incluindo index.html, você pode anexar o nome do arquivo à URL para visualizá-lo diretamente. Por exemplo, https://xxx.labex.io/another-file.html. WebIDE multiple HTML files preview
  6. Você pode abrir a visualização em uma nova aba clicando no botão “Abrir em Nova Aba”. Ele abrirá a visualização em uma nova aba do navegador. WebIDE Open in New Tab
“Go Live” irá automaticamente:
  • Iniciar um servidor web
  • Fornecer atualizações em tempo real conforme você modifica seu código
Dicas: A VM LabEx hospeda a visualização na porta 8080. Você pode compartilhar o link da visualização com outras pessoas para mostrar seu trabalho. Depois que sua VM do laboratório for interrompida, o link da visualização não funcionará mais.

Cenários de Uso

Perguntas Frequentes