Live Share no Visual Studio Code para a Web

  • Artigo

O Visual Studio Code for the Web permite que você visite https://vscode.deve abra uma pasta local ou um repositório GitHub/Azure DevOps diretamente do seu navegador! Isso permite que você edite o código de qualquer lugar e em qualquer dispositivo, sem precisar instalar nada para começar. Além disso, como a colaboração é uma parte fundamental do fluxo de trabalho de muitos desenvolvedores, a extensão Live Share oferece suporte total ao Visual Studio Code for the Web, para que você possa trabalhar ao lado de seus pares, de uma maneira mais leve e simplificada.

Introdução

Para iniciar uma sessão do Live Share a partir do navegador, basta executar as seguintes etapas:

  1. Instalar a extensão Live Share
  2. Live Share Clique no botão na barra de status. Se solicitado, entre com uma identidade do GitHub ou da Microsoft
  3. Compartilhe o URL da sessão com os desenvolvedores com os quais você deseja colaborar!

Quando alguém clicar nesse link, o navegador será iniciado e será perguntado se deseja ingressar na sessão a partir do Código Web ou do Visual Studio/VS. Eles podem optar por autenticar com sua identidade do GitHub ou da Microsoft ou continuar como um convidado anônimo.

Ingressando a partir da área de trabalho

Embora o Visual Studio Code for the Web forneça uma experiência leve e sem instalação, muitos desenvolvedores já têm um cliente de área de trabalho instalado e podem preferir colaborar a partir daí. Como resultado, a extensão Live Share facilita a participação em uma sessão de colaboração a partir da área de trabalho, além do cliente baseado em vscode.dev.

Abrindo da Web

Se alguém lhe enviou um link do Live Share e você o abriu no navegador, você pode facilmente fazer a transição para a área de trabalho usando um dos seguintes comandos:

  1. Clicar no menu "hambúrguer" no canto superior esquerdo do editor e selecionar Open in VS Code ou Open in Visual Studio
  2. Clique no botão verde Live Share da barra de status no canto inferior esquerdo do editor e selecione Open in VS Code ou Open in Visual Studio
  3. Abrindo a paleta de comandos e selecionando Live Share: Open in VS Code ou Live Share: Open in Visual Studio

Cada um desses pontos de entrada iniciará o cliente de desktop selecionado e ingressará automaticamente na sessão ativa.

Abrindo da área de trabalho

Se você já tiver o Visual Studio ou o Visual Studio Code instalado e aberto, e alguém enviar uma URL de sessão, você poderá ingressar diretamente da área de trabalho usando uma das seguintes abordagens:

  1. Código VS:
    1. Abrir a guia, clicar no Join botão e colar a Live Share URL da sessão
    2. Abrindo a paleta de comandos e selecionando Live Share: Join Collaboration Session
  2. Visual Studio: Selecionando o File -> Join Collaboration Session menu

Usando a área de trabalho por padrão

Ao clicar em uma sessão do Live Share pela primeira vez, você será perguntado qual cliente deseja usar: área de trabalho ou Web. Com base na sua seleção, o Live Share iniciará o cliente especificado em todas as visitas subsequentes. Dito isso, você sempre pode abrir o cliente de desktop da Web, usando as etapas mencionadas acima. Se você quiser alterar o cliente padrão que sempre é usado, poderá definir a Live Share: Launcher Client configuração como web, visualStudio ou visualStudioCode. Em seguida, sempre que você clicar em um link Live Share, seu cliente preferido será iniciado automaticamente.

Problemas conhecidos

O Live Share suporta a maioria dos mesmos recursos entre a área de trabalho e a Web, no entanto, existem atualmente alguns recursos que não estão disponíveis na Web. Estamos trabalhando ativamente para fechar essas lacunas, mas, enquanto isso, se você precisar aproveitar qualquer um dos seguintes recursos, poderá hospedar/ingressar a partir de um cliente de desktop, em vez da Web:

  1. Servidores compartilhados
  2. Estado do controle de versão compartilhado
  3. Workspaces com várias raízes
  4. .vsls.jsonfiltragem de arquivos baseada em