根本原因是html文件保存编码与声明不一致，需统一为utf-8并确保声明唯一正确。
为什么 VS Code 里用 Live Server 打开 HTML，中文显示为乱码？
根本原因不是浏览器或 VS Code 本身“坏了”，而是 HTML 文件保存时的编码和 <meta> 声明没对上——浏览器按 UTF-8 解析，但文件实际是 GBK（或 ANSI）编码，或者反过来。
检查并统一文件编码与 meta 声明
VS Code 默认保存为 UTF-8，但老项目/从 Windows 记事本复制来的文件可能带 BOM 或是 GBK 编码。Live Server 启动后，浏览器只看 <meta charset="...">，不自动探测编码。
超级科幻炫酷可视化带音乐时空隧道特效背景动画
下载
超级科幻炫酷可视化带音乐时空隧道特效背景动画代码下载。支持自定义音乐文件。温馨提示：该js特效音乐需要在服务器环境下运行或本地使用火狐浏览器打开，否则只有动画，没有音乐。
- 在 VS Code 右下角查看当前编码（如显示
GBK、UTF-8 with BOM或UTF-8），点击它 → 选择Save with Encoding→ 改为UTF-8 - 确保 HTML 文件开头有且仅有一条正确的声明：
<meta charset="UTF-8">（注意大小写不敏感，但值必须是UTF-8，不能写utf8或utf-8） - 删掉重复的
<meta charset>，尤其避免同时存在GBK和UTF-8声明
Live Server 插件默认不处理编码，别依赖它自动修复
Live Server 是轻量 HTTP 服务，它不会重编码文件内容，也不会修正你的 <meta>。它只是把磁盘上的字节原样发给浏览器。所以“点一下就乱码”大概率是本地文件状态已出问题。
- 新建一个测试文件：
test.html，手动输入<meta charset="UTF-8">+ 中文内容，保存为 UTF-8，再用 Live Server 打开——如果正常，说明原文件编码异常 - 禁用其他插件干扰（比如某些格式化插件会在保存时偷偷改编码）
- 路径含中文没问题，但文件名含中文时，部分旧版 Live Server（
v5.7.9之前）在 Windows 上可能触发 URL 编码异常，升级到最新版可规避
终端命令行打开也能乱码？那是系统级编码问题
如果你用 code . 或 start . 启动 VS Code 后仍乱码，可能是 Windows 控制台默认代码页为 936（GBK），导致读取 UTF-8 文件出错。
- 临时修复：在终端运行
chcp 65001（切换为 UTF-8 代码页），再启动 VS Code - 永久方案：PowerShell 设置
$OutputEncoding = [System.Text.UTF8Encoding]::new()，或修改 VS Code 终端默认为 Git Bash / WSL - VS Code 设置里搜索
files.encoding，确认值为utf8；再搜files.autoGuessEncoding，建议设为false（避免猜错更麻烦）
