Início Rápido: Codificação colaborativa com Visual Studio Live Share

Bem-vindo ao Visual Studio Live Share! Live Share permite editar e depurar colaborativamente com outras pessoas em tempo real, independentemente de quais linguagens de programação você está usando ou tipos de aplicativo que você está criando. Live Share permite compartilhar instantaneamente e com segurança seu projeto atual. Compartilhe sessões de depuração, instâncias de terminal, aplicativos Web localhost, chamadas de voz e muito mais conforme necessário.

Introdução com Visual Studio Live Share e comece a compartilhar seu trabalho e suas ideias perfeitamente.

Dica

Você sabia que pode ingressar em sua própria sessão de colaboração? Isso permite que você tente Live Share por conta própria ou crie uma instância de Visual Studio ou VS Code e conecte-se a ela remotamente. Você pode até mesmo usar a mesma identidade em ambas as instâncias.

Siga estas etapas para iniciar o compartilhamento.

Pré-requisitos

Siga estas etapas para instalar a extensão.

Produto Etapas de instalação
Visual Studio Code logo Visual Studio Code (1.22.0 ou posterior)
1. Instalar Visual Studio Code para Windows (7, 8.1 ou 10), macOS (High Sierra 10.13+), Linux de 64 bits (detalhes)
2. Baixe e instale a extensão Visual Studio Live Share do marketplace.
3. Recarregue e aguarde o download e a instalação das dependências (consulte a barra de status).
4. Linux: se solicitado a instalar bibliotecas, clique em instalar, insira a senha, reinicie VS Code quando terminar.
Download button
Visual Studio 2019 logo Visual Studio 2019
1. Instalar Visual Studio 2019.
2. Instale uma carga de trabalho com suporte (por exemplo, ASP.NET, .NET Core, C++, Python e/ou Node.js).
3. Visual Studio Live Share é instalado por padrão com essas cargas de trabalho.
Visual Studio 2017 logo Visual Studio 2017 15.6 ou posterior
1. Instale a versão mais recente do Visual Studio 2017 (15.6+) em Windows (7, 8.1 ou 10).
2. Instale uma carga de trabalho com suporte (por exemplo, ASP.NET, .NET Core, C++e/ou Node.js).
3. Baixe e instale a extensão Visual Studio Live Share do marketplace.
Download button

Ao baixar e usar o Visual Studio Live Share, você concorda com os termos de licença e a política de privacidade. Confira Solução de problemas caso tenha problemas.

Entrar

Após instalar a extensão do Live Share, reiniciar e aguardar as dependências terminarem a instalação (VS Code), entre para que os outros participantes conheçam você. Basta clicar no item da barra de status "Live Share" (VS Code) ou no botão "Entrar" (VS) para começar.

Em Visual Studio Code:

Visual Studio Code sign in status bar item

No Visual Studio:

Visual Studio sign in button

No VS Code, seu navegador será iniciado e uma notificação será exibida, solicitando que você entre. Conclua o processo de entrada no navegador e, em seguida, feche-o quando terminar.

Toast notification asking to sign in using a web browser

Usuários do Linux: Você poderá ser solicitado a inserir um código de usuário se estiver usando uma versão mais antiga do Live Share (v0.3.295 ou inferior). Atualize para a versão mais recente da extensão ou clique no link "Está com problemas?" após entrar para ver o código. Consulte aqui para obter detalhes.

No Visual Studio, o Live Share usa automaticamente sua conta de personalização. Você pode entrar como faria normalmente. No entanto, se você preferir usar um logon diferente da sua conta de personalização do Visual Studio, acesse Ferramentas > Opções > Live Share > Conta de usuário e selecione credenciais diferentes.

Confira Solução de problemas se ainda tiver problemas.

Abra uma pasta, um projeto ou uma solução

Use o fluxo de trabalho normal para abrir uma pasta, um projeto ou uma solução que você queira compartilhar no Visual Studio ou no Visual Studio Code.

[Opcional] Atualizar arquivos ocultos ou excluídos

Por padrão, o Live Share oculta dos convidados quaisquer arquivos/pastas referenciados nos arquivos .gitignore em suas pastas compartilhadas. Ocultar um arquivo impede que ele apareça na árvore de arquivos do convidado. Excluir um arquivo aplica uma regra mais rigorosa que impede o Live Share de abri-lo para o convidado em situações como "Ir para Definição" ou se você intervir no arquivo durante a depuração ou ao ser "seguido". Se você quiser ocultar/excluir arquivos diferentes, um arquivo .vsls.json poderá ser adicionado ao seu projeto com essas configurações. Confira Controlar o acesso a arquivos e visibilidade para saber mais detalhes.

Inicie uma sessão de colaboração

Em seguida, clique em "Live Share" em sua ferramenta e um link de convite é copiado automaticamente para sua área de transferência.

Em Visual Studio Code:

Visual Studio Code share status bar item

No Visual Studio:

Visual Studio share button

Observação

Talvez o software de firewall do computador exija que o agente do Live Share tenha permissão para abrir uma porta no primeiro compartilhamento. Aceitar isso é totalmente opcional, mas habilita um "modo direto" seguro para melhorar o desempenho quando a pessoa com que você está trabalhando estiver na mesma rede que você. Confira Alterar o modo de conexão para saber mais detalhes.

[Opcional] Habilitar o modo somente leitura

Após iniciar a sessão de colaboração, configure a sessão como somente leitura para impedir que os convidados façam edições no código compartilhado.

Após o compartilhamento, você receberá uma notificação de que o link de convite foi copiado para sua área de transferência. Em seguida, você poderá selecionar a opção para definir a sessão como somente leitura.

Em Visual Studio Code:

Visual Studio Code read-only option

No Visual Studio:

Visual Studio read-only option

No VS Code, você também pode iniciar uma sessão somente leitura na guia de viewlet do Live Share.

Toast notification asking to sign into a read-only session

Envie o link por email, pelo Slack, pelo Skype etc. para as pessoas que você quer convidar. Abrir o link em um navegador permite que elas ingressem na sessão de colaboração que está compartilhando o conteúdo da pasta, do projeto ou da solução que você abriu. Observe que, considerando o nível de acesso que as sessões do Live Share podem conceder aos convidados, você só deve compartilhar com pessoas em que confia e considerar as implicações do que você está compartilhando.

Dica de segurança: Deseja entender as implicações de segurança de alguns dos recursos do Live Share? Confira o artigo sobre segurança.

Se o convidado que você convidou tiver dúvidas, o Guia de Início Rápido: Ingressar no seu primeiro artigo de sessão fornecerá mais informações sobre como se colocar em funcionamento como convidado.

[Opcional] Aprovar o convidado

Por padrão, os convidados ingressam automaticamente na sessão de colaboração e você recebe uma notificação quando eles estiverem prontos para trabalhar com você.

Em Visual Studio Code:

Visual Studio Code join notification

No Visual Studio:

Visual Studio join notification

Em vez disso, você pode optar por exigir uma "aprovação" explícita para todos que solicitarem ingresso. Se essa configuração estiver ativada, uma notificação solicitará que você aprove o convidado quando ele tentar ingressar na sessão.

Confira Exigir aprovação do convidado para saber mais detalhes sobre como ativar esse recurso.

Colaboração

Algumas coisas para experimentar quando um convidado ingressar:

  • Navegue pelos diferentes arquivos do projeto de maneira independente e faça algumas edições
  • Siga o convidado e observe como ele navega, faz edições e acessa diferentes arquivos
  • Inicie uma sessão de codepuração com o convidado
  • Compartilhe um servidor para conferir algo como um aplicativo Web em execução no computador
  • Compartilhe um terminal e execute alguns comandos

Confira a documentação de extensão do Visual Studio Code e do Visual Studio para saber como realizar essas ações e muito mais.

Está tendo problemas? Confira Solução de problemas ou envie comentários.

Próximas etapas

Experimente estes artigos para começar ou aprofundar-se:

Referência