Visual Studio Code 实时重新加载

Visual Studio Code 实时重新加载

我已经在 Visual Studio Code 中下载了 Live Server 扩展,并且我有一个多根工作区。我正在测试一个 html 文件,我需要在保存时重新加载。我见过许多教程在文件最初使用 Live Server 打开时在保存时更新 html 文件的视图。我没有在 Chrome 浏览器中获得更新的 html 视图。我必须右键单击浏览器以选择重新加载。

  • 保存后无法重新加载:

图像

答案1

我确实搞明白了。问题是,如果 html 代码不在 html 标记内,则不会发生自动重新加载,就像您在 Visual Studio Code 中的 html 文件中键入 doc 时获得的以下默认结构一样。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

</body>
</html>
  • Visual Studio 代码中的 html 文档:

图像

相关内容