WebStorm 2021.1 Help

开始使用 Code With Me

使用 WebStorm,您可以使用Code With Me捆绑插件,使您能够与任何人共享您在本地运行的项目。

您可以使用Code With Me进行实时协作、编辑代码、共享服务器和运行调试会话。

Code With Me共享会话涉及主持人与一位或多位客人之间的互动。

您可以使用以下基本场景之一开始会话:

  • 您可以进行结对编程,在这种情况下,您与单个参与者共享您的 IDE,并使用完全同步模式,或者彼此跟随并在代码的不同部分上进行协作。与开发人员共享单个屏幕和键盘的经典结对编程不同,您可以独立工作并更快地实现目标。

  • 您可以有一个师生场景,其中有许多跟随您的参与者。假设您需要解释一个问题并向您的团队成员展示项目的不同部分。您可以通过强制他人跟随您模式来实现这一点。

  • 您可以与其他参与者同时对您的代码进行多重编辑。在这种情况下,参与者可以快速更改代码,甚至可以同时处理项目的其他文件。但是,有多少参与者可以主动一起打字是有限制的。限制为 5,如果达到,WebStorm 将显示一个弹出窗口,建议等待。此外,它可能会降低性能。

您可以观看有关如何开始使用 Code With Me 的简短视频教程。

Code With Me 许可证

Code With Me 提供不同类型的订阅,您可以在JetBrains网站上进行选择。

如果您订阅了 WebStorm,则不需要 Code With Me 许可证。您可以在JetBrains网站上查看详细信息。

如果您的 WebStorm 许可证已过期,那么您可以购买 Premium Code With Me 许可证。

在几种情况下,您可能需要手动激活Code With Me许可证:

  • 您有一个活动的 IDE 或离线激活码,并且您的许可证应该自动应用于 Code With Me 插件。但是,您仍然会遇到激活问题。在这种情况下,请尝试手动激活许可证

  • 您拥有商业Code With Me许可证,并且您的公司使用 JetBrains 浮动许可证服务器 (FLS)。在这种情况下,您可以像激活WebStorm 许可证一样激活许可证。

  • 您拥有商业Code With Me许可证并想要激活大厅服务器。在这种情况下,您需要手动激活许可证,另外指定大厅服务器地址。

激活个人许可证

  1. JetBrains网站获取许可证。

  2. 从主菜单中,选择帮助 | 注册

  3. 许可证对话框中,选择Code With Me

  4. 从右侧的选项中,选择激活新许可证

  5. 根据您拥有的 IDE,选择JB Account

  6. 输入所需信息并单击激活

    许可证激活对话框

使用 FLS 激活商业许可证

  1. 从贵公司的指定人员处获得许可证。

  2. 从主菜单中,选择帮助 | 注册

  3. 许可证对话框中,选择Code With Me

  4. 从右侧的选项中,选择激活新许可证

  5. 从右侧的选项中,选择License server

    许可证服务器
  6. 添加服务器地址并单击激活

    许可证对话框

使用大厅服务器管理商业许可证

  1. 从您公司的指定人员那里获得许可证。

  2. Ctrl+Alt+S打开 IDE 设置并选择工具 | 和我一起编码

  3. 从右侧的选项中,在大厅服务器 URL字段中指定您从系统管理员处获得的大厅服务器地址,然后单击确定保存更改。

    Code With Me 设置

以主持人身份开始

您可以创建一个链接以邀请其他参与者使用您的计算机作为主机协作处理您的代码。您还可以启动调试会话,共享其状态和操作。

创建会话

  1. 确保在Settings/Preferences |上启用Code With Me插件。插件页面,标签Installed。有关详细信息,请参阅管理插件

  2. 在主工具栏上,单击Code With Me 图标

    或者,从主菜单中,选择工具 | 和我一起编码

  3. 在打开的列表中,单击启用访问并复制邀请链接

    启用 Code With Me Access
  4. Code With Me: Enable Access and Start Session对话框中,为您的客人配置访问权限,然后单击Enable Access

    启用 Code With Me Access 对话框

    WebStorm 会创建一个链接,您可以将其发送给您想要邀请合作的客人。

  5. 将链接发送给客人。当客人点击链接时,WebStorm 会显示一个弹出窗口,建议接受或拒绝客人。

    接受客人
  6. 单击接受。来宾加入您的会话,您可以开始协作。您将在编辑器中看到一个额外的插入符号,并在主工具栏上看到一个图标,指示活动的客人。

终止活动会话

  1. 在主工具栏上,单击Code With Me图标 ( Code With Me 图标)。

  2. 从打开的列表中,选择关闭访问并断开所有连接

    关闭访问

    WebStorm 终止会话并禁用所有来宾。该链接也被禁用,您需要创建一个新链接才能开始另一个会话。

作为参与者加入另一个 IDE

  1. 在主工具栏上,单击Code With Me 图标并选择Join Another IDE as Participant

    加入另一个 IDE
  2. WebStorm 下载 Code With Me 客户端,向您显示通知。

    下载客户端

    下载完成后,等待主机批准您的访问。

    等待主持人批准

    被接受后,您可以在另一个 IDE 上加入共享会话。

访问主机设置

  1. 在主工具栏上,单击Code With Me图标 ( Code With Me 图标)。

  2. 单击浏览按钮并从打开的列表中选择Settings

权限

作为主持人,您可以配置新访客在您的机器上可以访问或不可以访问的内容。例如,指定来宾是否可以编辑文件、使用终端和执行代码。您还可以启用或禁用语音通话选项。可以为整个会话或会话中的特定访客配置权限。

添加权限

  1. 在主工具栏上,单击Code With Me 图标并选择权限和安全性

    打开权限对话框

    创建会话时,会自动打开带有权限选项的对话框。

  2. Code With Me: Enable Access and Start Session对话框中,指定以下选项:

    • 只读:为来宾选择此权限以对文件、终端和运行操作具有仅查看访问权限。

      只读权限
    • 编辑文件:如果您希望您的客人只编辑文件,而不是访问终端或执行代码,请选择此权限。

      编辑文件权限

      您可以将某些文件排除在访问之外。

      单击“文件”字段下的“管理隐藏文件”,然后在“隐藏文件”对话框中添加要排除访问权限的文件,然后单击“确定” 。

      排除的文件

    • 完全访问权限:选择此权限可让您的客人完全访问您机器上的所有文件、终端和运行操作。

      完全访问权限
    • 自定义:选择此权限以自定义访客对文件、终端和运行操作的访问权限。当您切换到自定义权限时,与它们关联的选项将重复先前选择的权限中的选择。您可以相应地更改它们。

      自定义权限
  3. 默认情况下启用自动启动语音呼叫选项,禁用它以停用会话中的语音呼叫。

  4. 配置权限后,如果您正在创建会话,请单击启用访问。如果您编辑权限,请单击应用

音频和视频通话

当您与同行协作时,您可以在会话中聊天、使用音频、视频通话,甚至转发您的端口。

创建会话时,语音呼叫和摄像头会自动变为可用。但是,您可以在“编辑权限”对话框中禁用它们。

在会话期间,您可以管理语音呼叫。

管理语音通话

  • 在主工具栏上,控制麦克风或通过单击呼叫选项 旁边的相应图标离开呼叫。从主工具栏处理语音呼叫

  • 处理呼叫时单击更多按钮以选择以下选项:

    • 启用相机:使用此选项启用相机。

    • 声音设置:使用此选项打开Code With Me工具窗口来管理您的声音设置。

    • 打开通话工具窗口:使用此选项打开Code With Me工具窗口,您可以在其中管理通话、声音和使用会话聊天。

您可以从右侧工具栏访问Code With Me工具窗口,并使用它来管理呼叫会话,作为主工具栏的替代方案。您可以使用聊天功能、将麦克风静音或取消静音、管理摄像头、共享屏幕等等。

Code With Me 工具窗口

与客人共享您的屏幕

  1. 打开Code With Me工具窗口。

  2. 在底部工具栏上,单击共享屏幕图标

    屏幕共享

    您的屏幕将与会话中的其他参与者共享。如果要停止屏幕共享,请再次单击相同的图标。

如果您从事 Web 或数据库项目,您可以在会话期间向来宾授予对本地计算机上的端口的访问权限。

转发一个端口

  1. 单击Code With Me打开Code With Me工具窗口。

  2. Code With Me工具窗口中,单击端口转发选项卡。

  3. 单击添加图标以添加端口。

  4. Port Forwarding对话框中添加您的端口,选择协议并单击OK

    在访客端,端口被添加到Code With Me工具窗口中的端口转发选项卡中,访客可以访问它。

以客人身份开始

作为访客,您可以在创建的会话期间关注主持人并编辑主持人正在使用的代码。您还可以关注其他会话参与者并访问项目的其他部分。此外,您可以在主机上运行和调试代码,并在终端工具窗口中工作。

接受邀请

  1. 单击收到的链接。

  2. WebStorm 轻量级客户端应用程序将在运行时下载。

    您无需安装 WebStorm 即可使用轻量级版本。

  3. 安装后,WebStorm 会显示一条通知,建议您等到主机接受您加入会话的请求。当您被接受后,您就可以加入会话。打开主机的项目后,您将在编辑器中看到活动文件。

    此时,您可以自定义来宾 IDE 以使您的工作过程更加方便。您可以更改主题查看模式等。您所做的更改只会影响您的来宾 IDE。

离开会话

  1. 在主工具栏上,单击Code With Me 图标

  2. 从打开的列表中,选择Disconnect and Close Project

    断开连接并关闭项目

    会话终止并显示Code With Me欢迎屏幕。您可以使用相同的链接快速返回到相同的会话,而无需主机的任何接受过程。

    WebStorm 客户端欢迎屏幕

与我同行的访客代码设置位置

以访客身份使用 Code With Me 设置工作后,您可以检查以下位置以查看 Code With Me 分发、日志、设置和缓存在文件系统中的位置:

  • 与我同行的代码日志:

    ~/Library/Logs/JetBrains/JetBrainsClient<plugin_version>

    %LOCALAPPDATA%\JetBrains\JetBrainsClient<plugin_version>\log

    ~/.cache/JetBrains/JetBrainsClient<plugin_version>/log

  • 与我同行的代码缓存:

    ~/Library/Caches/JetBrains/JetBrainsClient<plugin_version>

    %LOCALAPPDATA%\JetBrains\JetBrainsClient<plugin_version>

    ~/.cache/JetBrains/JetBrainsClient<plugin_version>

  • 与我同行的代码设置:

    ~/Library/Application\ Support/JetBrains/JetBrainsClient<plugin_version>

    %APPDATA%\Roaming\JetBrains\JetBrainsClient<plugin_version>

    ~/.config/JetBrains/JetBrainsClient<plugin_version>

  • Code With Me 发行版和 JetBrains 运行时:

    ~/Library/Caches/JetBrains/JetBrainsClientDist

    ~/Library/Caches/JetBrains/CodeWithMeClientDist

    %LOCALAPPDATA%\JetBrains\JetBrainsClientDist

    %LOCALAPPDATA%\JetBrains\CodeWithMeClientDist

    ~/.cache/JetBrains/JetBrainsClientDist

    ~/.cache/JetBrains/CodeWithMeClientDist

在共享会话中工作

创建共享会话并接受所有受邀参与者后,编辑器将包含额外的插入符号,主工具栏将显示来宾的图标,并且带有语音呼叫和聊天支持的Code With Me工具窗口将可用。

加入会话:编辑器和主工具栏

在共享会话中,您可以尝试不同的事情,例如独立移动主持人的项目、关注其他参与者、使用终端工具窗口、进行代码编辑等等。

关注参与者

  1. 在主工具栏上,单击Code With Me 图标

  2. 从打开的列表中,选择您要关注的参与者的姓名,然后选择关注

    关注参与者

    或者,在主工具栏上,单击所需参与者的图标。

    WebStorm 将您的插入符号放在参与者的插入符号顶部,并在编辑器周围放置一个框架,带有一个小标签,显示您正在关注的参与者的姓名。

    关注其他参与者

    单击名称旁边的停止以取消关注参与者。

    您可以让多个参与者跟随其他参与者。当其中一个追随者决定切换焦点时,不会影响主宿主。这在教师-学生用例中很有帮助。

强迫所有其他人跟随你

  1. 在主工具栏上,单击Code With Me 图标

  2. 从打开的列表中,选择Force All to Follow You

    选择强制跟随你

    在这种情况下,所有的来宾插入符都放在主机的顶部,如果主插入符放在项目的其他文件中,则焦点将切换。

    在任何时候,参与者都可以停止关注主插入符号。

跳转到其他参与者

  1. 在主工具栏上,单击Code With Me 图标

  2. 从打开的列表中,单击参与者的姓名并选择跳转到

    跳转到其他参与者

    或者,在主工具栏上,右键单击参与者的图标并选择相同的选项。

    插入符号放置在所选客人的插入符号所在的行上。如果您想快速找到某个参与者的插入符号,这可能会有所帮助。

使用完全同步模式

  1. 在主工具栏上,单击Code With Me 图标

  2. 从打开的列表中,选择参与者的姓名并选择完全同步模式

    选择完全同步模式

    或者,在主工具栏上,右键单击参与者的图标并选择相同的选项。

    插入符号放置在主机插入符号的顶部。WebStorm 在主机编辑器和来宾编辑器周围放置一个框架,指示完全同步模式已打开。即使插入符号放置在项目的其他部分,焦点仍保留在宿主插入符号中。这种模式通常用于结对编程场景。

终止特定用户的共享会话

  1. 在主工具栏上,单击Code With Me 图标

  2. 从打开的列表中,单击您要终止会话的参与者的姓名,然后选择踢用户

    或者,在主工具栏上右键单击参与者的图标并选择相同的选项。

    踢用户

    WebStorm 终止所选参与者的会话并在来宾方显示通知。WebStorm 关闭来宾项目并将来宾返回到Code With Me欢迎屏幕。

    WebStorm 客户端欢迎屏幕

    如果访客想要返回共享会话,他们需要等待主机许可才能加入。

收集当前访客的日志

  1. Code With Me欢迎屏幕上,单击Settings/Preferences更多选项图标旁边的。

  2. 从打开的列表中,选择收集日志和诊断数据

    收集日志和诊断数据

    WebStorm 在您的本地机器上创建一个日志文件。日志文件包含当前项目的文件名、部分代码和客户活动的详细信息,例如插入符号移动、键入的符号、调用的操作、打开的文件、文件路径等。

收集会话中的所有日志

  1. 在主工具栏上,单击Code With Me 图标

  2. 在打开的列表中,单击更多按钮并选择提交反馈

  3. 在打开的对话框中,单击确定以批准数据收集。

    收集日志详细信息后,它们会自动附加到YouTrack 系统中新创建的问题。

提交反馈

更改会话服务器的会话名称或 URL

您可以使用Code With Me设置更改已创建会话的默认名称。

您还可以更改用于会话的大厅服务器的 URL。出于安全目的,切换到您自己公司的服务器可能会很有用。

访问 Code With Me 设置

  1. Ctrl+Alt+S打开 IDE 设置并选择工具 | 和我一起编码

  2. 用户名字段中输入会话的新名称。会话名称将在重新启动时更改。单击使用系统名称会将会话名称重置为默认名称。

    您可以在大厅服务器 URL字段中更改默认服务器 URL 。

  3. 单击确定以保存更改。

最后修改:2022 年 1 月 11 日