Javascript 已安装Live server,但无法在VS代码中工作

Javascript 已安装Live server,但无法在VS代码中工作,javascript,html,css,visual-studio-code,Javascript,Html,Css,Visual Studio Code,我已安装live server扩展,但在保存HTML或其他文件后,浏览器不会更新。什么可能导致问题?重新安装扩展并重新启动文本编辑器以解决问题。我遇到了这个问题,我通过将设置.json文件中的端口号更改为打开的端口号来解决问题 要访问settings.json文件,只需单击CTRL+SHIFT+p,然后键入“设置”,单击“首选项:打开设置(json)”,然后将其粘贴到{}中: "liveServer.settings.port": 0 每次都会随机选择一个打开的端口。以下是

我已安装live server扩展,但在保存HTML或其他文件后,浏览器不会更新。什么可能导致问题?

重新安装扩展并重新启动文本编辑器以解决问题。

我遇到了这个问题,我通过将
设置.json
文件中的端口号更改为打开的端口号来解决问题

要访问
settings.json
文件,只需单击CTRL+SHIFT+p,然后键入“设置”,单击“首选项:打开设置(json)”,然后将其粘贴到
{}
中:

"liveServer.settings.port": 0
每次都会随机选择一个打开的端口。以下是我的JSON文件的外观:

{
“liveServer.settings.port”:0
}
如果JSON文件中有多行,请确保每行用逗号(
)分隔,如下所示:

{
    "liveServer.settings.CustomBrowser": "microsoft-edge",
    "liveServer.settings.port": 0
}

Live server已启动,但仍无法在浏览器中自动打开页面

open your preferred browser and type http://127.0.0.1:5500/<if_directory_name>/<else_direct_your_file_name>

example:

http://127.0.0.1:5500/index.html
-or-
http://127.0.0.1:5500/your_folder_name/index.html
打开首选浏览器并键入http://127.0.0.1:5500//
例子:
http://127.0.0.1:5500/index.html
-或-
http://127.0.0.1:5500/your_folder_name/index.html

注意:某个时间端口号5500将更改为5501

我在文件名中有一个空格,在那里可以找到
index.html

比如:
3。排版


刚刚去掉了空格:
3.排版
,因为(当然)url中不能有空空格。

这很容易解决。只需按(ctrl+)打开设置,然后选择常用的,第一个字段是(自动保存)其值默认为关闭,如果live server未在端口5500上运行并呈现html页面,则必须在延迟后将其更改为,例如不工作

那么这可能是由于您的系统上的连接问题

我在编译下面的html页面时遇到了同样的问题:

<!DOCTYPE html>
<html>
<body>
    <h1>Hello world</h1></body>
</html>

你好,世界
通过将live server设置更改为我的本地IP解决了此问题,并修复了此问题

我的本地ip:正在动态呈现更改并正常工作

有关步骤,您可以参考:


这适用于默认情况下未使用端口5500运行live server的任何人。

我也有同样的问题,然后我通过从settings.json文件中删除live server的所有设置来解决问题,并重新安装live server extension,现在正确运行它


这是否是一个大型项目,就像在许多被监视的文件中一样,可能会妨碍扩展程序监视文件(请参阅linux版)有关此类问题,请参阅vs代码中的settings.json文件。{“liveServer.settings.useLocalIp”:true,“liveServer.settings.CustomBrowser”:“chrome”}此外,如果您位于公司防火墙之后,此方法可能无法工作,您需要将其打开。