如何使用visualstudio代码的实时共享进行协作编程

想在编码项目上合作吗?Live Share for VS Code是一个很好的工具,下面介绍如何设置并开始使用。...

无论您是在学习编程语言的第一步,还是一个经验丰富的程序员,协作都是提高性能的关键。像结对编程这样的概念在现代公司很流行,但是在家里有什么合作的选择呢?

program-collaborately

许多团队使用诸如Slack和Discord这样的工具来保持团队的联系。版本控制允许人们在项目上进行协作,并将其同步到同一在线存储库。

这些工具非常棒,但是如果有一种方法可以将这些概念组合到IDE中呢?微软在visualstudio(VS)代码和visualstudio的liveshare中找到了答案。今天的指南将重点介绍VS代码。

(如果您仍然不确定是否应该选择visualstudio代码而不是Atom,我们可以帮助您决定。)

什么是vs实时共享(vs live share)?

VS Live Share允许两个或更多人使用Microsoft或GitHub帐户实时协作代码。标准的实时共享会话最多支持5个并发用户,不过通过更改设置,这一功能可以扩展到30个。虽然只有登录的用户才能贡献代码,但来宾可以观看会话并参与实时聊天。

VS Live Share扩展包包括音频,允许用户共享通话,并集成了松弛和不和谐功能。除了为远程工作者带来明显的好处之外,Live Share也是一种教育工具。可共享的终端和服务器使Live共享成为完美的课堂教具。

为协作设置visual studio代码

VS代码是免费的,可用于Windows、macOS和Linux。如果您还不是VS代码用户,请在继续之前下载并安装它。

要安装VSLive Share,请打开VS代码并打开左侧工具栏上的Extensi***选项卡。或者,您也可以使用快捷键Ctrl-Shift-X。在搜索栏中搜索VS Live Share。

VS Code Extensi*** Panel

除了VS Live Share,微软还发布了通过外部软件和音频进行通信的额外工具。安装VS Live Share和VS Live Share扩展包。安装后,单击列表中任何扩展下的“重新加载”以重新加载visual studio代码并激活它们。

New Logos appear in the side panel

在重新加载时,您会注意到工具栏中有几个新图标,一个表示Slack and Discord integration面板的散列符号,以及一个表示Live Share面板的箭头符号。

在vs代码中设置共享会话

visual studio code live share session details

设置共享会话相当简单。打开左侧工具栏上的VS Live Share选项卡。“会话详细信息”窗口提供了三个代码共享选项:

  • Join collaboration session:如果其他人给了你一个URL,那么就用这个来加入他们的会话。
  • 启动协作会话:使用此选项创建自己的协作会话,其他用户可以在其中编辑代码。
  • 启动只读协作会话:使用此选项创建协作会话,用户可以在其中查看但不能编辑代码。

单击其中任何一个将提示您登录Microsoft或GitHub帐户,并将您重定向到浏览器。要设置基本会话,请选择“启动协作会话”,并在出现提示时选择工作目录。登录后,系统会将您重定向回VS代码并提示您允许防火墙权限。

这不是必需的,但建议用于速度和连接稳定性。

Firewall prompt to allow fast live connection

右下角的信息窗口将包含协作链接、使文件室为只读的选项以及指向有关共享过程的更多信息的链接。

Live Share Session sharing context window

将你的链接复制到剪贴板,并将其交给同样安装了VS Live Share的朋友或同事,你就可以开始了!

vs代码中的基本代码协作

代码协作不会改变您的编码体验。相反,它在上面加了一层。创建实时共享会话将打开一个聊天窗口。无论是登录还是只读,所有用户都可以访问。

A read-only guest called Jimmy joins the chat

在协作期间的任何时候,您都可以重新打开聊天窗口,获取共享URL,或使用Live Share面板结束会话。

Live Share in progress window

现在,打开任何你想合作的文件,像往常一样开始编码。与您使用相同脚本的参与者都有一个彩色光标,显示他们的工作位置。除了实时查看它们的工作情况外,还可以共享突出显示,这样可以方便地指出错误和建议的更改。

Remote participant text highlighting

协作可以跨项目目录中的任何文件进行,您可以在liveshare面板中看到每个人正在处理的脚本。您还可以以只读和读/写模式共享VS代码终端,以及用于处理JavaScript或其他web项目的本地服务器。

关注和聚焦合作者

有时你会想解释一些需要超越一个脚本的东西。用户可以通过在Live Share面板中单击自己的名字来互相关注。现在,不管他们在项目中走到哪里,你都会和他们一起去看看他们做了什么。

The Follow option lets you see someone else work through a project.

同样,单击“会话详细信息”面板中的小型扩音器可将参与者聚焦到当前视图。

The megaphone focuses all participants to your view

当您需要快速将每个人的注意力吸引到项目的特定部分时,这非常方便。专注的参与者可以选择从现在开始继续关注你。

在vs live share中使用音频

VS Live Share扩展包包含音频集成。开始会话会添加一个新房间。要进入聊天室,请单击Live Share面板的audio选项卡下的Join audio call。

Joining an audio call in Live Share

所有的合作者和客人都可以访问这个电话,使之成为合作、教学或向团队展示项目进展情况的完美之选。通过右键单击当前通话或单击齿轮,可以访问通话设置。

单击红色的断开连接符号将离开聊天室,但只要会话保持活动状态,聊天室将保持可访问状态。

与vs代码的松弛集成

在VS代码中设置Slack很简单。单击左侧面板上的Slack徽标,然后选择Setup Slack。这将带您进入浏览器窗口,授权VS代码访问工作区。

Authorizing the app with Slack

你将需要是一个管理员授权的VS代码松弛应用程序。链接后,Slack工作区将在VS代码中显示为另一个选项卡。

Slack chats work well in a Live Share window.

Discord设置是一个类似的过程,不过值得注意的是,目前似乎一次只能集成一个服务。

vs live share中的安全和隐私

vsliveshare对于所有类型的编码人员来说都是一个非常棒的工具,但是它确实有一些安全方面的考虑。扩展的开放性加上易于共享代码的特性可能会被滥用。

因为即使是只读的客人也可以在聊天中交谈,所以不应该获得共享链接的人可能会有不适当的行为。

实时共享还允许在读/写模式下共享终端。这给坏人带来了巨大的安全风险。

Sharing access to your terminal can be risky business.

简言之,在允许用户使用编辑和终端权限之前,请小心与谁共享您的Live share链接。

协作是visualstudio代码的进步

这些扩展是与VS代码基本集成的示例。经验丰富的用户将已经意识到更多有助于代码完成、筛选和测试的功能。Live Share还使人们能够在教室和远程学习——然而,通过优秀的在线课程进行自学仍然很重要。

请记住,使用VS代码,您还可以使用Microsoft Visual Studio Online在浏览器中编写代码。

  • 发表于 2021-03-21 19:47
  • 阅读 ( 341 )
  • 分类:编程

你可能感兴趣的文章

下面是如何在树莓pi上轻松安装VisualStudio代码

想用微软的免费开发工具visualstudio代码在你的Raspberry-Pi设备上编写代码吗?安装它比以往任何时候都简单,我们将在这个简短的指南中向您展示如何安装。 ...

  • 发布于 2021-03-10 20:22
  • 阅读 ( 375 )

如何分享spotify播放列表:6种简单方法值得了解

... 如何在spotify桌面上共享播放列表 ...

  • 发布于 2021-03-11 18:26
  • 阅读 ( 288 )

7个最佳linux文本编辑器和gedit替代方案

... 不要与visualstudio混淆,visualstudio代码是一个强大的开源文本编辑器,在Linux上本机运行。它内置的Intellisense(上下文代码完成)将所有其他文本编辑器都击垮了。 ...

  • 发布于 2021-03-13 00:59
  • 阅读 ( 337 )

为高效的程序员和程序员提供的5个最佳javascript编辑器

... 首先,visualstudio代码与visualstudio不同。visualstudio是一个臃肿的IDE,visualstudio代码是一个可定制的文本编辑器,它可以根据需要简单或高级,这要感谢它的第三方扩展库。 ...

  • 发布于 2021-03-14 08:05
  • 阅读 ( 224 )

用这些免费的在线交互式shell在浏览器中试用python

...过程弄得不知所措。您需要在系统上安装Python,然后学习如何使用命令行处理代码,或者学习如何使用交互式shell,或者学习如何设置pythonide。 ...

  • 发布于 2021-03-15 00:25
  • 阅读 ( 372 )

前端与后端web开发:哪条路适合您?

... 在像visualstudio或XCode这样的集成开发环境(IDE)中,使用全尺寸语言更容易。 ...

  • 发布于 2021-03-18 15:23
  • 阅读 ( 200 )

共享代码和文本的4个最佳pastebin替代方案

... 如果您经常与其他程序员共享代码块,您可能会对visualstudio代码的liveshare特**兴趣,它允许您协作编程。 ...

  • 发布于 2021-03-18 18:49
  • 阅读 ( 294 )

visualstudio代码与atom:哪个文本编辑器适合您?

...在搜索完美的代码编辑器,很有可能您同时遇到了Atom和visualstudio代码。当然,还有很多其他的编辑,但这两个是被谈论最多的。 ...

  • 发布于 2021-03-19 18:36
  • 阅读 ( 197 )

更好的arduino编码与vs编码和平台

... visualstudio代码(VS-Code)很快成为最流行的代码编辑器之一,但不支持标准的Arduino开发。 ...

  • 发布于 2021-03-20 05:18
  • 阅读 ( 218 )

使用以下10个基本工具提升您的web开发技能

...过程。无论您是在代码方面迈出了第一步,还是已经知道如何编程,但正在转向基于浏览器的在线应用程序,都有很多东西需要学习。 ...

  • 发布于 2021-03-20 14:01
  • 阅读 ( 226 )