Desenvolvimento colaborativo em tempo real com Live Share \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 12 Horas 43 Min 31 Seg Tempo restante da oferta: 12 43 31 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Desenvolvimento colaborativo em tempo real com Live Share [ Ferramentas ](https://www.treinaweb.com.br/blog/categoria/ferramentas) # Desenvolvimento colaborativo em tempo real com Live Share Aprenda como trabalhar com a ferramenta Live Share da Microsoft, que permite o desenvolvimento colaborativo em tempo real usando Visual Studio Code ou VS. [ Elton Fonseca ](https://www.treinaweb.com.br/blog/autor/elton-fonseca) 7 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/04/17150123/desenvolvimento-colaborativo-em-tempo-real-com-live-share.png) Ferramentas de desenvolvimento colaborativo em tempo real são de grande ajuda para times que trabalham remoto. Nesse artigo vamos conhecer a extensão Live Share do **Visual Studio Code** e **Visual Studio**, aprenderemos como instalar e utilizar seus recursos para programar em conjunto com uma ou mais pessoas. ## Como funciona o desenvolvimento colaborativo em tempo real com a extensão Live Share A extensão Live Share permite aos participantes da sessão visualizar ou editar o projeto no qual o grupo está trabalhando. Isso é feito diretamente dentro do Visual Studio. Não é necessário nenhuma ferramenta de acesso remoto, compartilhamento de janelas do sistema operacional ou ferramenta de comunicação. A extensão Live Share também deixa compartilhar facilmente servidores disponíveis na máquina onde o projeto está rodando, com isso é possível compartilhar serviços da aplicação ou banco de dados de forma simples. Ela também possui a possibilidade de compartilhar acesso a terminais da máquina. [ ![IA Para Devs - Dominando o Github Copilot](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/ia-para-devs.svg) Curso IA Para Devs - Dominando o Github Copilot Conhecer o curso ](https://www.treinaweb.com.br/curso/ia-para-devs-dominando-o-github-copilot) ## Como instalar a extensão Live Share para desenvolvimento colaborativo A ferramenta Live Share é composta por 3 extensões do Visual Studio Code: - Live Share - Possibilita a criação da sessão e o compartilhamento do código do projeto, servidores e terminal; - Live Share Audio - Permite conversar via áudio entre os membros da sessão; - Live Share Chat - Permite conversar via chat com os membros da sessão. É possível instalar cada uma delas separadamente de acordo com os recursos que for utilizar, porém existe uma extensão chamada **[Live Share Extension Pack](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack "Live Share Extension Pack")** que já instala as 3 de uma única vez, caso for utilizar todas as funções. No Visual Studio Code para instalar, basta Abrir o Editor, ir no gerenciador de extensões no canto esquerdo ou usando atalho (Ctrl + Shift + X). Depois basta procurar por Live Share que verá todas as extensões comentadas acima, basta escolher qual deseja e instalar: ![Painel de instalação do Visual Studio Code mostrando a extensão Live Share para desenvolvimento colaborativo em tempo real](https://dkrn4sk0rn31v.cloudfront.net/2020/04/16142927/instalacao-extensao-live-share-extension-pack-para-desenvolvimento-colaborativo-em-tempo-real.png) No Visual Studio 2019 a Live Share já vem por padrão. Já no 2017 é necessário instalar a [extensão Live Share para Visual Studio](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsls-vs "extensão Live Share para Visual Studio") listada no marketplace. ## Iniciando a primeira sessão desenvolvimento colaborativo em tempo real No post vamos mostrar os exemplos usando o Visual Studio Code, mas a lógica é a mesma que no Visual Studio. Após instalar a extensão um novo item será criado no menu do Visual Studio Code referente à extensão: ![Painel da extensão live share para inicio de sessão de desenvolvimento colaborativo em tempo real](https://dkrn4sk0rn31v.cloudfront.net/2020/04/16145349/painel-live-share-inicio-de-sessao-de-desenvolvimento-em-tempo-real.png) Na extensão temos as seguintes opções de cima para baixo: - Juntar-se a uma sessão de colaboração - Possibilita conectar a uma sessão existente criada por outro usuário; - Iniciar uma sessão de colaboração - Permite criar uma nova sessão; - Iniciar uma sessão somente leitura de colaboração - Permite criar uma nova sessão de colaboração, porém os membros não poderão modificar o código do projeto. Se você for convidado para participar de uma sessão existente, quem criou a sessão deverá te passar um link com endereço dela, basta clicar sobre ele e o navegador já abrirá uma nova janela do editor e entrará na sessão. Caso você seja o criador da sessão, precisa compartilhar o link de acesso com as outras pessoas que deseja convidar. O serviço e a extensão Live Share são mantidos para Microsoft. A utilização não possui nenhum custo, porém é necessário ter uma conta da Microsoft ou do Github para conseguir utilizar. Assim que tentar entrar em uma sessão ou iniciar, ele abrirá o navegador para logar em uma dessas contas e dar acesso ao serviço. ## Participando de uma sessão de desenvolvimento em equipe online Uma vez conectado na sessão, se for convidado poderá navegar e visualizar os arquivos do projeto normalmente como se fosse um projeto local. Dependendo da sua permissão também poderá editar os arquivos do projeto: ![Edição do projeto remoto para trabalho online em equipe com a extensão live share](https://dkrn4sk0rn31v.cloudfront.net/2020/04/16150745/edicao-projeto-remoto-em-equipe-com-live-share.png) Note em amarelo após a palavra `treinaweb` um ponteiro de edição amarelo. Ele indica que outro usuário está com ponteiro atualmente nesse local. Conforme cada usuário for adicionando ou removendo código é possível ver em tempo real. O participante também consegue visualizar outros usuários que estão na sessão de desenvolvimento colaborativo em tempo real e quais recursos estão compartilhados: ![Painel de status da sessão de desenvolvimento em equipe da extensão live share](https://dkrn4sk0rn31v.cloudfront.net/2020/04/16151341/status-da-sessao-de-desenvolvimento-em-equipe-da-extensao-live-share.png) ## Administrando uma sessão de desenvolvimento em equipe online O administrador possui total controle sobre a sessão, podendo inclusive terminar ela quando achar necessário. ![Administrar sessão de desenvolvimento colaborativo em tempo real](https://dkrn4sk0rn31v.cloudfront.net/2020/04/16152737/administrar-sessao-de-desenvolvimento-colaborativo-em-tempo-real.png) Dentre outras coisas o administrador pode: - Controlar os participantes online, mutar o microfone ou remover; - Compartilhar serviços com os membros da sessão a partir da porta. É possível facilmente compartilhar servidor web, banco de dados e qualquer outro que esteja ouvindo em uma porta específica; - Compartilhar sessões de terminal com outros participantes. [ ![C# - Estrutura de dados e Collections](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/c-sharp.svg) Curso C# - Estrutura de dados e Collections Conhecer o curso ](https://www.treinaweb.com.br/curso/c-sharp-estrutura-de-dados-e-collections) ## Considerações finais sobre a extensão Live Share do Visual Studio A extensão é uma ótima **ferramenta para o desenvolvimento em tempo real** para dois ou mais desenvolvedores que precisam programar em conjunto. Pode ser uma ótima escolha para a prática de pair programming da [metodologia Extreme Programming XP](https://www.treinaweb.com.br/blog/o-que-e-xp-extreme-programming/ "metodologia Extreme Programming XP"), orientação do lider técnico da equipe ou daquele pessoal sênior que sabe muito. - [ #Visual Studio ](https://www.treinaweb.com.br/blog/tag/visual-studio) - [ #Microsoft ](https://www.treinaweb.com.br/blog/tag/microsoft) - [ #Visual Studio Code ](https://www.treinaweb.com.br/blog/tag/visual-studio-code) Autor ![Elton Fonseca](//secure.gravatar.com/avatar/2cee05645357ced0841ce76ba5569c72?d=mm) ## Elton Fonseca Professor e desenvolvedor. Formado em análise e desenvolvimento de sistema, pós graduado em engenharia e arquitetura de software. É autor de cursos em diversos temas, como, desenvolvimento back-end, cloud computing e CMSs. Nas horas vagas adora estudar sobre o mercado financeiro, cozinhar e brincar com pequeno Daniel. [@eltonfonsecadev](https://twitter.com/eltonfonsecadev) [Todos os artigos](https://www.treinaweb.com.br/blog/autor/elton-fonseca) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/09/o_que_e_o_django_rest_framework-400x280.png) [ Django ](https://www.treinaweb.com.br/blog/categoria/django) 6 anos atrás ## [ O que é o Django REST Framework? ](https://www.treinaweb.com.br/blog/o-que-e-o-django-rest-framework) Veja neste artigo o que é o Django REST Framework. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/09/13110246/documentacao-software-400x280.png) [ Engenharia de Software ](https://www.treinaweb.com.br/blog/categoria/engenharia-de-software) 7 anos atrás ## [ A importância da documentação para desenvolvedores de software ](https://www.treinaweb.com.br/blog/a-importancia-da-documentacao-para-desenvolvedores-de-software) Confira neste artigo a importância da documentação de um software. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/09/ux-research-e-360-view-o-que-e-e-como-pode-ser-aplicado-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ UX Research e 360 View – O que é e como pode ser aplicado? ](https://www.treinaweb.com.br/blog/ux-research-e-360-view-o-que-e-e-como-pode-ser-aplicado) Entenda o que é e como aplicar o UX Research e 360 View, técnicas importantes na hora de pensar em uma melhor experiência do usuário. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/03/29143726/TW-ENTREVISTAS-TALITA-PAGANI-400x280.png) [ Entrevistas ](https://www.treinaweb.com.br/blog/categoria/entrevistas) 9 anos atrás ## [ TW Entrevista 07: Talita Pagani ](https://www.treinaweb.com.br/blog/tw-entrevista-07-talita-pagani) Fizemos uma série de entrevistas chamada "TW Entrevista". A entrevistada de hoje é a Talita Pagani, desenvolvedora, empreendedora e membro da W3C's Web Accessibility Working Group do Brasil. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2024/01/transicao-carreira-TI-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 3 anos atrás ## [ Transição de carreira para TI: dicas práticas ](https://www.treinaweb.com.br/blog/transicao-de-carreira-para-ti-dicas-praticas) Fazer uma transição de carreira pode ser muito desafiador e com muitas incertezas. Confira essas dicas práticas! Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/01/06185133/corrotina-codigo-php-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 7 anos atrás ## [ Corrotinas e código assíncrono em PHP usando Generators ](https://www.treinaweb.com.br/blog/corrotinas-e-codigo-assincrono-em-php-usando-generators) Veja como generators podem ser utilizados para criar um simples scheduler e trabalhar com corrotinas no PHP. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/ASD-400x280.png) [ Engenharia de Software ](https://www.treinaweb.com.br/blog/categoria/engenharia-de-software) 6 anos atrás ## [ O que é ASD - Adaptative Software Development? ](https://www.treinaweb.com.br/blog/o-que-e-asd-adaptative-software-development) Confira neste artigo o ASD - Adaptive Software Development e como esta metodologia procura facilitar o desenvolvimento de softwares. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/14232157/capa-produtividade-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 8 anos atrás ## [ Como quintuplicar a produtividade no desenvolvimento de software? ](https://www.treinaweb.com.br/blog/como-quintuplicar-a-produtividade-no-desenvolvimento-de-software) Veja neste artigo algumas dicas que podem te ajudar em sua produtividade no desenvolvimento de software. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2025/03/Sem-Titulo-2-400x280.png) [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) 2 anos atrás ## [ Vantagens de utilizar frameworks no desenvolvimento de software ](https://www.treinaweb.com.br/blog/vantagens-de-utilizar-frameworks-no-desenvolvimento-de-software) Usar frameworks no desenvolvimento de software significa mais eficiência e padronização. Confira neste artigo como eles podem otimizar seu trabalho e acelerar seus projetos. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/10/configurando-ambiente-de-desenvolvimento-spring-boot-no-macos-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 5 anos atrás ## [ Configurando ambiente de desenvolvimento Spring Boot no MacOS ](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-spring-boot-no-macos) Aprenda como instalar e configurar o ambiente de desenvolvimento Spring Boot no MacOS Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/10/configurando-ambiente-de-desenvolvimento-spring-boot-no-linux-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 5 anos atrás ## [ Configurando ambiente de desenvolvimento Spring Boot no Linux ](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-spring-boot-no-linux) Aprenda como instalar e configurar o ambiente de desenvolvimento Spring Boot no Linux Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/09/configurando-ambiente-de-desenvolvimento-spring-boot-no-windows-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 5 anos atrás ## [ Configurando ambiente de desenvolvimento Spring Boot no Windows ](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-spring-boot-no-windows) Aprenda como instalar e configurar o ambiente de desenvolvimento Spring Boot no Windows Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **12h 43min 31s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58