Compartilhar via

Abrir uma caixa de desenvolvimento no VS Code

Use o Microsoft Dev Box com o VS Code (Visual Studio Code) para criar ambientes de desenvolvimento seguros baseados em nuvem. Este artigo explica como configurar túneis de desenvolvimento e conectar-se ao Seu Dev Box do VS Code. Você aprenderá a instalar a extensão necessária, habilitar túneis seguros e conectar-se remotamente para uma experiência de desenvolvimento simplificada. Siga estas etapas para começar rapidamente e trabalhar com eficiência de qualquer lugar.

Pré-requisitos

Habilitar túneis de desenvolvimento em um pool de Dev Box

O Dev Box Dev Tunnels é um recurso que permite que os desenvolvedores se conectem ao Seu Dev Box usando o VS Code (Visual Studio Code) por meio de túneis seguros. Esse recurso é particularmente útil para desenvolvedores que desejam trabalhar remotamente ou de locais diferentes sem precisar de uma conexão de área de trabalho remota completa.

Registrar o recurso de prévia do Dev Box Tunnels

Enquanto o Dev Box Tunnels está em versão prévia, você deve registrar o recurso em sua assinatura do Azure.

  1. Entre no portal do Azure.

  2. Selecione Assinaturas.

  3. Selecione a assinatura que contém os recursos do Dev Box.

  4. No menu à esquerda, selecione Configurações>Recursos de Visualização.

  5. Na caixa Pesquisar , digite Caixa de Desenvolvimento, selecione Dev Box Dev Tunnels nos resultados e selecione Registrar.

    Captura de tela da página de recursos da Prévia do portal do Azure com a entrada 'Dev Box Dev Tunnels' selecionada e o botão Registrar visível.

  6. Na mensagem Deseja registrar os recursos selecionados? Selecione OK.

Habilitar túneis de desenvolvimento para um pool de caixas de desenvolvimento

Os túneis de desenvolvimento são habilitados por pool. Para habilitar túneis para um pool de caixas de desenvolvimento:

  1. Navegue até o projeto que contém o pool de ambientes de desenvolvimento no qual você deseja habilitar túneis.

  2. No menu à esquerda, selecione Gerenciar>Pools de computadores de desenvolvimento.

  3. Para o pool que você deseja editar, no menu de operações da caixa de desenvolvimento (...), selecione Editar.

    Captura de tela do painel de edição do pool de caixa de desenvolvimento do portal do Azure com o menu de operações e o comando Editar visível.

  4. Na guia Gerenciamento , selecione Habilitar caixa de desenvolvimento de abertura no VS Code e, em seguida, selecione Salvar.

    Captura de tela da guia de Gerenciamento do pool de caixas de desenvolvimento no portal do Azure com a opção

Conectar-se a uma caixa de desenvolvimento usando um túnel de desenvolvimento

Siga estas etapas para configurar um túnel de desenvolvimento e conectar-se à caixa de desenvolvimento usando o VS Code.

  1. Instalar a extensão do VS Code

    No seu VS Code local, instale a extensão Dev Box do VS Code Extension Marketplace. Os túneis de desenvolvimento exigem a versão 2.0.0 ou posterior. Instale a extensão localmente, não na Caixa de Desenvolvimento à qual deseja se conectar.

    Captura de tela da extensão Dev Box no Visual Studio Code mostrando os detalhes da extensão e a opção de instalação.

  2. Para entrar na extensão Caixa de Desenvolvimento, selecione o ícone Dev Box na barra lateral esquerda e selecione Entrar no Dev Box com a Microsoft.

    Captura de tela da opção de entrada da extensão Dev Box no Visual Studio Code, mostrando o ícone Caixa de Desenvolvimento e o comando Entrar.

  3. Conectar-se à Caixa de Desenvolvimento no VS Code

    Depois que tudo estiver configurado, abra a caixa de desenvolvimento no VS Code. No menu Gerenciar (roda de configurações), selecione Conectar.

    Captura de tela da extensão Dev Box mostrando o botão Conectar usado para abrir um túnel para uma Caixa de Desenvolvimento no Visual Studio Code.

  4. Explorar a experiência remota no VS Code

    Uma nova janela do VS Code é aberta. Você pode abrir qualquer pasta ou espaço de trabalho na Caixa de Desenvolvimento remota usando Arquivo>Abrir Arquivo/Pasta/Espaço de Trabalho da mesma forma que faria localmente.

Conectar-se ao Substem do Windows para Linux

Se você tiver um ambiente WSL (Subsistema do Windows para Linux) na Caixa de Desenvolvimento, conecte-se a ele usando o Gerenciador Remoto.

Selecione os destinos do WSL na lista suspensa para ver todas as distribuições WSL. Abra qualquer distribuição WSL na janela atual ou nova.

Captura de tela do Gerenciador Remoto do Visual Studio Code mostrando distribuições WSL disponíveis com o destino WSL do Dev Box realçado.

Para obter mais informações sobre a experiência de desenvolvimento do WSL, consulte Remote – WSL e Configure um ambiente de desenvolvimento WSL.

Perguntas frequentes

  • Por que preciso entrar no Dev Box antes de habilitar o túnel?

    Essa etapa é necessária para estabelecer uma sessão de usuário para configurar o túnel. Após o login inicial, você pode simplesmente se desconectar da Dev Box. Em seguida, você pode habilitar ou se conectar ao túnel sem fazer logon novamente, a menos que a Caixa de Desenvolvimento seja desligada ou reiniciada.

  • Por que não consigo me conectar à Caixa de Desenvolvimento mesmo que o túnel esteja habilitado?

    Atualize a exibição do explorador de extensões do Dev Box com o botão no canto superior direito para verificar o último status do túnel. Se o túnel estiver habilitado, mas você ainda não puder se conectar, tente desabilitar o túnel, entrar na Caixa de Desenvolvimento e habilitar novamente o túnel.

Conteúdo relacionado

  • Last updated on