在 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 没反应?
常见不是插件坏了,而是没真正启动服务——它不会自动监听或弹出浏览器,得手动触发。
第一步】:将安装包中所有的文件夹和文件用ftp工具以二进制方式上传至服务器空间;(如果您不知如何设置ftp工具的二进制方式,可以查看:(http://www.shopex.cn/support/qa/setup.help.717.html)【第二步】:在浏览器中输入 http://您的商店域名/install 进行安装界面进行安装即可。【第二步】:登录后台,工具箱里恢复数据管理后台是url/sho
- 右键点击
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>标签放在









