vscode插件Live Server的简介、安装与使用

最新推荐文章于 2025-02-02 01:20:07 发布

学亮编程手记

最新推荐文章于 2025-02-02 01:20:07 发布

阅读量517

点赞数 2

分类专栏：经验分享文章标签： vscode ide 编辑器

本文链接：https://blog.csdn.net/a772304419/article/details/141108126

版权

经验分享专栏收录该内容

612 篇文章

订阅专栏

Live Server是一个简单的节点应用程序，用于工作目录及其子目录。它也监视文件的变化，当这种情况发生时，它通过web套接字连接向浏览器发送消息，指示它重新加载。为了让客户端支持这个，服务器为每个请求的html文件注入一小段JavaScript代码。这个脚本建立了web套接字连接并监听重载请求。通过从DOM中查找引用的样式表，并触发浏览器再次获取并解析它们，可以刷新CSS文件，而无需整页重新加载。

在这里插入图片描述

{
"liveServer.settings.port": 8080, //设置本地服务的端口号
"liveServer.settings.root": "/", //设置根目录，也就是打开的文件会在该目录下找
"liveServer.settings.CustomBrowser": "chrome", //设置默认打开的浏览器
"liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debugging-port=9222",
"liveServer.settings.NoBrowser": false,
"liveServer.settings.ignoredFiles": [//设置忽略的文件
    ".vscode/**",
    "**/*.scss",
    "**/*.sass"
]
}