在 VS Code 中需创建 index.html 并用 引入 JS 文件，确保二者同目录；右键 index.html 选择“Open with Live Server”启动本地服务，地址为 http://127.0.0.1:5500/index.html；若无此选项，按 Ctrl+Shift+P 输入“Live Server: Start”启动；改代码后若未更新，检查控制台报错、Network 中 script.js 是否 200 状态，并确认 放在 前。
VS Code 里写完 script.js，怎么直接在浏览器里打开运行？
不能双击 HTML 文件就完事——JS 要靠 HTML 加载才能执行，浏览器不认单独的 .js 文件。你得有个 HTML 容器，再把 JS 挂进去。
- 最简做法：新建一个
index.html，用<script src="script.js"></script>引入你的 JS 文件 - 别用 VS Code 自带的「Open with Live Server」右键菜单直接点
script.js——它会报MIME type ('text/plain') is not executable，因为浏览器根本不会执行纯 JS 文件 - 确保
script.js和index.html在同一目录下，路径错了会触发404，控制台显示Failed to load resource
Live Server 插件为什么点 HTML 没反应？
常见不是插件坏了，而是没真正启动服务——它不会自动监听或弹出浏览器，得手动触发。
- 右键点击
index.html→ 选「Open with Live Server」，而不是点文件名旁边的「Go Live」按钮（那个只对当前已打开的 HTML 生效） - 如果右键没这个选项，说明 Live Server 没启用：按
Ctrl+Shift+P（Win）或Cmd+Shift+P（Mac），输「Live Server: Start」回车 - 启动后地址栏通常是
http://127.0.0.1:5500/index.html，不是file:///开头——后者绕过 CORS，也禁掉fetch和本地JSON加载
改了 JS 代码，浏览器没更新？缓存和路径都得查
Live Server 默认开启缓存，但更常踩的坑是脚本没被重新加载，或者根本没连上 DOM。
- 检查浏览器开发者工具（F12）→ Console 标签页：有没有
ReferenceError或Uncaught SyntaxError，说明 JS 本身有错，压根没执行 - 看 Network 标签页，找
script.js这一行：状态码是不是200？如果是304，说明缓存生效；想强制刷新，按Ctrl+F5（Win）或Cmd+Shift+R（Mac） - 确认
<script></script>标签放在
