live server 是必须安装的插件，因双击或右键“open with browser”使用 file:// 协议会拦截 fetch、import 和多页面跳转，报 net::err_file_protocol；它启动真实 http 服务（默认 http://127.0.0.1:5500），确保相对路径、模块加载和本地 api 全部正常工作。

Live Server 是必须装的插件，不是可选项

Mac 上双击 HTML 文件或用 VSCode 右键“Open with Browser”打开，页面能显示，但只要涉及 fetch('./data.json')、import 模块、跨页面跳转（比如 @#@#@#@#@#@#@#@#@#@0、@#@#@#@#@#@#@#@#@#@1

❌ 错误：<a href="file:///Users/xxx/my-site/about.html"></a>、<a href="http://localhost:5500/about.html"></a>

原因：Live Server 的根目录就是你 Open Folder 的那个文件夹，它自动把路径映射到 / 下。一旦写死端口或绝对路径，换机器、换端口、部署到真实服务器时全挂。

端口被占或想换域名？改 settings.json 就行

默认端口 5500 被其他程序占了，或者你想让地址变成 http://my-site.test 这种更像生产环境的形式，不用重装插件，直接改配置：

按下 Cmd + , 打开设置 → 点右上角「打开设置 (JSON)」图标 → 在 settings.json 里加这几行：

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

{
  "liveServer.settings.port": 8080,
  "liveServer.settings.host": "127.0.0.1",
  "liveServer.settings.root": "/my-site"
}

"root" 是可选的，只在你项目嵌套在子目录里、但想把它当根来跑时才需要填。改完保存，重启 Live Server（关掉再点一次 Go Live）即可生效。

真正容易被忽略的是：Live Server 不处理 404 页面重定向，也不支持服务端路由。如果你做的是 SPA（比如用 history.pushState），刷新页面会 404——这时候就得换 http-server 或 vite 这类支持 fallback 的工具了。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！