Visual Studio代码中的实时预览和调试

时间:2017-01-10 17:22:27

标签: visual-studio-code

我在Visual Studio Code中使用Mac进行网络编程。

我发现我们可以使用shift+cmd+v启动previewcmd+k v以在单独的窗口中启动预览。

但是一旦我们修改代码并保存它,有没有人知道如何重新加载和更新预览(按优先顺序快捷方式)?此外,是否可以自动更新?

此外,我打开了Debug面板,点击绿色按钮后,它就让我Select Environment

enter image description here

有谁知道我应该选择哪一个调试客户端HTML + JavaScript程序?

1 个答案:

答案 0 :(得分:2)

1。)您提到的“预览”适用于Markdown文件。它不应该呈现正确的HTML预览,这就是它无法工作或刷新的原因。只要将其与Markdown文件一起使用,它就会在您键入时更新/刷新。

但市场上有几个HTML预览扩展,只搜索“HTML预览”,你应该能找到一些。

2。)截图中没有这些选项,默认情况下,VSCode不附带客户端调试程序。

但您可以安装使用Chromes调试协议的Debugger for Chrome。有关如何使用它的详细说明,请参阅自述文件README。