LabEx VM
Interface WebIDE da VM LabEx
O WebIDE LabEx fornece um ambiente de desenvolvimento moderno, semelhante ao VS Code, para tarefas de codificação. Construído no Ubuntu 22.04, ele oferece uma interface familiar para escrever, compilar e executar código em várias linguagens de programação.
Visualização do WebIDE
O ambiente WebIDE é particularmente útil para:
- Escrever e depurar código em várias linguagens de programação (Java, JavaScript, Python, etc.)
- Projetos de desenvolvimento web com recursos de visualização ao vivo, consulte Crie Sua Primeira Página HTML no WebIDE
- Gerenciar arquivos e diretórios de projetos por meio de uma interface intuitiva
- Operações de terminal integradas para tarefas de linha de comando
Layout do Ambiente
A interface WebIDE consiste em vários componentes principais:
- 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
- Área do Editor: Principal espaço de trabalho de codificação
- Painel Inferior: Terminal, problemas e saída
- Barra de Status: Acesso rápido às configurações e visualização ao vivo
- Barra de Menu Superior: Arquivo, Editar, Exibir e outras opções
Acesso ao Terminal
Você pode abrir o terminal de duas maneiras:
- Clique no ícone no canto inferior esquerdo e mude para a aba Terminal;
- Use o menu superior: Terminal > Novo Terminal
Visualizar HTML
Para visualizar seu arquivo HTML:
- No WebIDE, clique no botão “Go Live” no canto inferior direito.
- Uma nova aba do navegador será aberta com sua página HTML renderizada.
- Ou, você pode clicar na aba “Web 8080” para abrir a visualização.
- 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.htmlnesse diretório. - 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. - 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.
“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.