Javascript 已安装Live server,但无法在VS代码中工作
我已安装live server扩展,但在保存HTML或其他文件后,浏览器不会更新。什么可能导致问题?重新安装扩展并重新启动文本编辑器以解决问题。我遇到了这个问题,我通过将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 每次都会随机选择一个打开的端口。以下是
设置.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”}此外,如果您位于公司防火墙之后,此方法可能无法工作,您需要将其打开。