Partilhar via

Abrir uma caixa de desenvolvimento no VS Code

Use o Microsoft Dev Box com Visual Studio Code (VS Code) para criar ambientes de desenvolvimento seguros e baseados em nuvem. Este artigo explica como configurar túneis de desenvolvimento e conectar-se à sua Caixa de Desenvolvimento a partir do VS Code. Você aprende como instalar a extensão necessária, habilitar túneis seguros e conectar-se remotamente para uma experiência de desenvolvimento simplificada. Siga estes passos para começar rapidamente e trabalhar de forma eficiente a partir de qualquer lugar.

Pré-requisitos

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

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

Registrar o recurso de visualização Dev Box Tunnels

Enquanto o Dev Box Tunnels estiver em visualização, você deve registrar o recurso em sua assinatura do Azure.

  1. Inicie sessão no portal Azure.

  2. Selecione Assinaturas.

  3. Selecione a assinatura que contém os recursos da Caixa de Desenvolvimento.

  4. No menu à esquerda, selecione Configurações>Visualizar recursos.

  5. Na caixa Pesquisar , digite Caixa de Desenvolvimento, selecione Túneis de Desenvolvimento da Caixa de Desenvolvimento nos resultados e selecione Registrar.

    Captura de ecrã da página de funcionalidades de Pré-visualização do portal do Azure com a entrada 'Dev Box Dev Tunnels' selecionada e o botão Registar 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 caixas de desenvolvimento onde você deseja habilitar túneis.

  2. No menu à esquerda, selecione Gerenciar>pools de caixas de desenvolvimento.

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

    Captura de ecrã do painel Editar da caixa de desenvolvimento do portal do Azure com o menu de operações e o comando Editar visíveis.

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

    Captura de ecrã do separador Gestão do pool de caixas de desenvolvimento no portal do Azure com a opção 'Ativar abertura da caixa de desenvolvimento no VS Code' realçada.

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 à sua caixa de desenvolvimento usando o VS Code.

  1. Instalar a extensão VS Code

    No local VS Code, instale a extensão Dev Box a partir do Mercado de Extensões do VS Code. Os túneis de desenvolvimento requerem a versão 2.0.0 ou posterior. Certifique-se de instalar 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 Dev Box, selecione o ícone Dev Box na barra lateral esquerda e selecione Entrar na Dev Box com a Microsoft.

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

  3. Conecte-se ao Dev Box no VS Code

    Quando tudo estiver configurado, abra sua 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 Connect usado para abrir um túnel para uma Dev Box no Visual Studio Code.

  4. Explore a experiência remota no VS Code

    Uma nova janela VS Code é aberta. Você pode abrir qualquer pasta ou espaço de trabalho na Caixa de Desenvolvimento remota usandoArquivo/Pasta/Espaço de Trabalho de Aberturade Arquivo> exatamente como faria localmente.

Conectar-se ao Windows Substem para Linux

Se você tiver um ambiente WSL (Windows Subsystem for Linux) na Caixa de Desenvolvimento, conecte-se a ele usando o Remote Explorer.

Selecione Destinos 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 Visual Studio Code Remote Explorer mostrando distribuições WSL disponíveis com o destino WSL da Caixa de Desenvolvimento realçado.

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

Perguntas frequentes

  • Por que preciso entrar na Caixa de Desenvolvimento antes de ativar o túnel?

    Esta 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 Caixa de Desenvolvimento. Em seguida, você pode habilitar ou conectar-se ao túnel sem fazer login novamente, a menos que a Caixa de Desenvolvimento seja desligada ou reiniciada.

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

    Atualize a visualização do explorador de extensões da Caixa de Desenvolvimento com o botão no canto superior direito para verificar o status mais recente do túnel. Se o túnel estiver habilitado, mas você ainda não conseguir se conectar, tente desativar o túnel, entrar na Caixa de Desenvolvimento e reativar o túnel.

Conteúdo relacionado

  • Last updated on