Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/apache-kafka/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Visual studio code 浏览器中的VSCode实时共享视图_Visual Studio Code - Fatal编程技术网

Visual studio code 浏览器中的VSCode实时共享视图

Visual studio code 浏览器中的VSCode实时共享视图,visual-studio-code,Visual Studio Code,在VSCode实时共享会话中,每个参与者如何在浏览器或预览模式下查看HTML文件 我尝试过的“在浏览器中查看”扩展不适用于“实时共享”模式下的远程用户。这似乎是Visual Studio代码“Live Share”中缺少的一项关键功能。这取决于您试图实现的目标。如果您正在编写纯HTML和CSS,您可以尝试以下扩展: 它在VS代码内部打开HTML文档的预览 但是,如果您通过浏览器查看您的网站,您必须向我们提供一个类似ngrok(这是一个CLI工具)的工具。这将为您创建一个可公开访问的URL,您可以

在VSCode实时共享会话中,每个参与者如何在浏览器或预览模式下查看HTML文件


我尝试过的“在浏览器中查看”扩展不适用于“实时共享”模式下的远程用户。这似乎是Visual Studio代码“Live Share”中缺少的一项关键功能。这取决于您试图实现的目标。如果您正在编写纯HTML和CSS,您可以尝试以下扩展:

它在VS代码内部打开HTML文档的预览

但是,如果您通过浏览器查看您的网站,您必须向我们提供一个类似ngrok(这是一个CLI工具)的工具。这将为您创建一个可公开访问的URL,您可以与您的同事共享。这只适用于您已经为您的网站提供服务的情况,您可以使用您使用过的“浏览器中的视图”扩展,只要它们确实在您的本地主机上托管

例如,许多扩展将在
localhost:3000
上打开浏览器选项卡。确保在运行ngrok时将端口设置为相同

这将使您和您的合作伙伴看到相同的网站预览

ngrok也有一个VS代码扩展,您可以尝试: