vs code 本身不是 web 服务器,需通过 live server 插件配置 host 为 0.0.0.0 并开放防火墙/安全组,才能使局域网设备访问本地项目;若要远程访问完整 vs code,则应部署 code-server 并绑定 0.0.0.0:端口。

VS Code 本身不是 Web 服务器,不能直接“配置 Web 服务器 IP”——你真正需要的是:让本地开发的 Web 项目(如 HTML/JS/Vue/React)能被局域网其他设备(比如手机、同事电脑)通过 IP 地址访问。
Live Server 插件默认只绑 127.0.0.1,局域网访问不了
安装 Live Server 后右下角点 Go Live,它默认启动在 http://127.0.0.1:5500。这个地址只能本机访问,手机输 http://192.168.x.x:5500 会失败。
- 根本原因:
Live Server默认禁用外部访问(安全限制),不监听0.0.0.0 - 验证方式:终端执行
netstat -tuln | grep :5500,若只看到127.0.0.1:5500就确认了 - 解决办法:改插件设置,让它监听所有接口
打开 VS Code 设置(Ctrl+,),搜 live server.settings.host,把值改成 0.0.0.0;再搜 live server.settings.port 可选配端口(如 8080)。保存后重启 Live Server,它就会在 http://0.0.0.0:8080 启动,实际效果等价于 http://你的局域网IP:8080。
防火墙和路由器可能拦截请求,尤其 Windows/macOS
即使 Live Server 正确监听 0.0.0.0,Windows 防火墙或 macOS 隐私设置仍可能阻止入站连接,导致手机打不开。
- Windows:控制面板 → Windows Defender 防火墙 → 允许应用通过防火墙 → 勾选
node.js或Code(如果没出现,点“更改设置”后手动添加node.exe路径) - macOS:系统设置 → 网络 → 防火墙 → 选项 → 勾选“允许远程登录”或手动放行
node - 别忘了查自己电脑的局域网 IP:Windows 执行
ipconfig,macOS/Linux 执行ifconfig | grep "inet ",找192.168.x.x或10.0.x.x段
用 code-server 远程跑完整 VS Code?那才是真配服务器 IP
如果你说的“Web 服务器 IP”其实是想把整个 VS Code 搬到 Linux 服务器上,用浏览器访问(比如 http://192.168.1.100:8080),那就不是 Live Server 的事,而是部署 code-server。
- 它本质是 VS Code 的服务端版本,运行在服务器上,绑定的是服务器的 IP 和端口
- 关键配置在
~/.config/code-server/config.yaml,必须显式设bind-addr: 0.0.0.0:8080(不能只写:8080) - 云服务器用户额外注意:除了系统防火墙,还要在阿里云/腾讯云控制台的安全组里放行对应端口(如
8080) - 不推荐用 root 用户直接跑
code-server;建议新建普通用户,并用systemctl托管服务,避免断开 SSH 就退出
最常被忽略的一点:很多人改了 host 却没关防火墙,或者用了云服务器但只开了系统防火墙、忘了安全组——结果反复检查配置,其实卡在最外层网络策略上。










