使用 Live Share 合作编辑、调试并运行代码

Image for post
Image for post

功能演示

https://visualstudio.microsoft.com/zh-hans/services/live-share/

简单来说,你可以和别人:

共享代码编辑,并查看对方的编辑位置,避免通过截图交流的尴尬

共同调试,多人调试相同代码,快速查找到问题

共同查看成果,IIS Express 的网页也会在每个人的电脑本地打开

配置步骤

Windows 开发环境配置

Image for post
Image for post

3. 第一次启动可能会比较慢,稍等片刻,启动完成则会看到这条提示

Image for post
Image for post

4. 复制共享链接,或是可以点开详细信息获取功能描述

Image for post
Image for post

macOS 环境配置

Image for post
Image for post

2. 安装完毕后在左侧功能区找到 Live Share 并打开,点击这里,填写共享地址。输入后回车即可连接。

Image for post
Image for post

3. 连接成功后,即可看到项目目录

Image for post
Image for post

4. 在 Visual Studio 里点击运行,macOS 上的 Visual Studio Code 同样会进入 debug 状态。并且,IIS Express 的网页也会共享过来,非常方便。

Image for post
Image for post
Image for post
Image for post

其他设置

基本权限设置

Image for post
Image for post

只需要在 Visual Studio 的选项中找到 Live Share — 常规,将图中两个位置改为 True 即可

Image for post
Image for post

网络设置

Written by

最后的栖息地

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store