讲师中心 微信公众号
AI工具推荐 视频效率加速

VSCode怎么将常用脚本共享到局域网

星敏姑娘_9171

星敏姑娘_9171

发布时间:2026-11-09 07:47:39

|

566人浏览过

|

来源于php中文网

原创

Live Server 插件通过启动本地 HTTP 服务(如 http://127.0.0.1:5500)并绑定 0.0.0.0,使局域网设备访问本机 IP(如 http://192.168.x.x:5500)实现静态脚本共享;Live Share 则需主持人手动添加端口映射(如 5000),来宾通过加密隧道访问 http://localhost:5000 调试真实运行的服务。

vscode怎么将常用脚本共享到局域网

VSCode 本身不提供“共享脚本”功能,所谓“将常用脚本共享到局域网”,实际是指让其他设备能访问你本地运行的脚本服务(如 HTTP 服务器、API 接口、调试终端等),或把脚本文件本身分发出去供他人拉取执行。关键区别在于:是共享「运行结果」,还是共享「源文件」。

如何用 Live Server 插件共享 HTML/JS 静态脚本

这是最轻量、最常用的局域网共享方式,适合前端 demo、工具页、自动化 HTML 报告等场景。

  • 安装 Live Server 插件(作者:ritwickdey),重启 VSCode
  • 右键点击 index.html 或任意 HTML 文件 → 选择 Open with Live Server
  • VSCode 底部状态栏会显示类似 http://127.0.0.1:5500 的地址;但该地址默认只限本机访问
  • 要让局域网其他设备访问,需手动改用 0.0.0.0 绑定:在 VSCode 设置中搜索 liveServer.settings.AdvanceCustomBrowserCmdLine,设为 --host=0.0.0.0 --port=5500(端口可自选)
  • 查本机局域网 IP:ipconfig(Windows)或 ifconfig | grep "inet "(macOS/Linux),找 192.168.x.x 或 10.x.x.x 开头的地址
  • 其他设备浏览器访问 http://192.168.x.x:5500 即可 —— 注意 Windows 防火墙需放行该端口

如何用 VSCode Live Share 共享正在运行的服务(如 Flask/Vue)

当你本地已启动一个服务(比如 flask run 或 npm run dev),想让同事直接连上调试或测试,Live Share 是最安全、最省配置的方式。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载
  • 主持人先启动服务,例如 flask run --host=0.0.0.0 --port=5000(必须显式指定 --host=0.0.0.0)
  • 在 VSCode 左侧活动栏点 Live Share 图标 → 点击 + Share Server → 输入端口号 5000,可选填名称(如 flask-api)
  • 来宾加入会话后,在 Live Share 资源管理器里看到该服务 → 点击即可在自己浏览器打开 http://localhost:5000
  • 注意:来宾访问的是主持人机器上的真实服务,所有请求都经加密隧道转发,无需开放公网或改防火墙规则
  • 不推荐共享 3000、8080 等常见端口以外的系统端口(如 22、443),避免权限或冲突风险

如何批量分发脚本文件(非运行态)给局域网机器

若目标是把一组 PowerShell / Python / Shell 脚本推送到内网多台 Windows 或 Linux 机器执行,核心是「可靠传输 + 可控执行」,不是靠 VSCode 界面操作。

  • 把脚本统一放在一个 Git 仓库或 Windows 共享目录(如 \fileserverscripts),确保路径不含空格和中文
  • 在目标机上用 PowerShell 执行拉取:Invoke-WebRequest -Uri "\fileserverscriptsdeploy.ps1" -OutFile "$env:TEMPdeploy.ps1",再调用 & "$env:TEMPdeploy.ps1"
  • Linux 机器可用 wget 或 curl -O 从内网 HTTP 服务(如 Python python3 -m http.server 8000)下载脚本
  • 严禁直接双击运行来自网络的脚本;务必校验哈希(如 Get-FileHash)或签名,尤其在启用 RemoteSigned 执行策略的环境中
  • VSCode 可用来编辑和预览这些脚本,但它不参与分发逻辑 —— 分发动作应由部署脚本或配置管理工具(如 Ansible、Group Policy)完成

真正容易被忽略的一点:局域网设备间能否通信,不只取决于 VSCode 插件是否装对,而首先取决于网络层是否打通。很多“共享失败”其实是路由器启用了 AP 隔离、企业 Wi-Fi 划了 VLAN、或 Windows 防火墙入站规则未放行对应端口 —— 这些问题 VSCode 无法绕过,必须先在系统层面确认 ping 和 telnet 192.168.x.x 5000 能通。

热门AI工具

更多
豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

码上飞
码上飞 Hot

一款基于自然语言的AI应用开发平台,可根据用户描述自动生成应用程序,帮助个人和团队快速完成应用原型与开发。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

Flowith
Flowith Hot

Flowith是一款基于画布和智能体工作流的 AI 协作工作空间。

相关专题

更多
vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

1575

2023.06.30

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3412

2023.07.21

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2129

2024.03.14

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

1767

2024.03.14

vscode可以写什么语言
vscode可以写什么语言

vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2627

2024.03.15

vscode中文设置方法
vscode中文设置方法

方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

1858

2024.03.15

vscode用途介绍
vscode用途介绍

Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

1302

2024.03.15

vscode和visualstudio的区别
vscode和visualstudio的区别

Visual Studio是一款功能强大的集成开发环境(IDE),适用于专业开发人员进行复杂项目的构建。而VSCode则是一款轻量级的代码编辑器,更适合各种规模的项目开发。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

1156

2024.03.15

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

0

2026.11.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn