Depois de aceitá-los, você poderá visitar o aplicativo em execução usando o URL fornecido:
Você pode visualizar a saída do console no Depurar guia na parte inferior da tela.
Pare o servidor
Para interromper a execução de um aplicativo em execução, use o Comando botão na parte superior da tela:
O Porta na parte inferior da tela lista todos os projetos em execução e lembra qual URL vai para qual projeto. Você pode interromper qualquer projeto a partir daí.
Que tal um pouco de Kotlin?
Ultimamente, tenho gostado do Kotlin, então vamos tentar algo um pouco mais exótico para o VS Code e importar um projeto Kotlin para trabalhar. Para importar o projeto, sigo os mesmos passos básicos que fizemos para o projeto .NET-HTMX:
Executar o projeto Kotlin exige um pouco mais de dificuldade para ser descoberto. Primeiro, clico com o botão direito no importado build.gradle.kts arquivo. Isso produz um menu de contexto que inclui “Gradle” junto com um Executar tarefa opção. Abrir isso leva a outro menu de contexto onde tenho a opção de executar uma tarefa Gradle. eu digito run e o console fornece a saída esperada quando o servidor é inicializado:
Quando abro a porta, posso ver meu aplicativo em execução. Após a atualização da página, a extensão Gradle fornece uma guia Gradle no lado esquerdo da tela, que expõe tarefas como Executar em seus menus suspensos. A execução do aplicativo Kotlin envolveu algumas etapas adicionais, mas nada oneroso.
VSCode.dev com espaços de código GitHub
Outra abordagem apoiada pelo VSCode.dev é executar projetos usando GitHub Codespaces, um ambiente de hospedagem em nuvem gerenciado. Codespaces é um ambiente de desenvolvimento em nuvem como o GitPod. Ele oferece 60 horas de desenvolvimento gratuitamente e depois cobra com base no tipo de VM que você está usando.
Começando em VSCode.dev, abra o Explorador Remoto painel à esquerda da tela. Selecione CODESPACE DO GITHUB e clique Criar espaço:
Após outro conjunto de permissões, você terá acesso aos seus repositórios no GitHub, conforme mostrado na captura de tela acima. eu seleciono MTyson/iw-java-spring-react do meu repositório e depois do branch principal e depois 2 núcleos com 8 GB de RAM das opções fornecidas.
Isso faz com que uma nova janela seja iniciada com uma versão Codespaces do VS Code. Ele oferece a instalação de uma extensão recomendada para este repositório (Pacote de extensão para Java), que eu aceito. Depois disso, há um passo a passo para ajudar na configuração do ambiente, começando pela instalação de um JDK.
Felizmente, Codespaces vem com SDKMan já instalado, então é fácil atualizar a versão Java de 11 (que já está instalada) para Java 21 (que usei em meu projeto Spring-React). No terminal, digito:
$ sdk install java 21.0.2-open
Depois de concluído, posso executar o projeto com:
$ maven spring-boot:run
Assim como executar o aplicativo em VSCode.dev, o Porta guia mostra o aplicativo em execução e nos permite acessar a IU. Também podemos gerenciar o aplicativo em execução no Codespaces. Quando você estiver pronto para encerrar Codespaces, volte para a página principal do VSCode.dev e use o Explorador Remoto menu.
O desenvolvimento baseado em contêiner tem algumas diferenças do tunelamento para a VM, principalmente em relação ao ciclo de vida da imagem e sua natureza em contêiner. Caso contrário, a experiência de desenvolvimento é semelhante.
Conclusão
VSCode.dev abre algumas novas possibilidades específicas para um IDE baseado em navegador. Além da flexibilidade de poder codificar de qualquer lugar, o VSCode.dev pode transformar qualquer máquina em nuvem em uma plataforma de desenvolvimento e fornecer interação IDE completa com seus projetos na nuvem. Ele também oferece suporte a vários desenvolvedores que usam o mesmo ambiente para uma experiência colaborativa de codificação social.
No geral, VSCode.dev é um ótimo complemento ao seu kit de ferramentas de desenvolvimento.
