如何在WebStorm中通过Code With Me共享本地运行的服务器

以下操作完全基于Code With Me原生功能实现，无需借助任何第三方工具

• 前置操作：先在本地启动需要共享的API/WEB服务，确认本地可正常访问，记录服务运行的端口号（如8080、3000等），同时已成功创建Code With Me会话并邀请协作成员加入。
• 步骤1：点击IDE顶部导航栏的Code With Me菜单，在下拉列表中选择共享本地端口选项（部分旧版IDE该选项命名为共享服务，功能完全一致）。
• 步骤2：在弹出的端口配置弹窗中填写对应参数：
  • 本地端口：填写你提前记录的本地服务监听端口
  • 访问权限：选择「仅当前会话参与者」即可，仅加入当前Code With Me会话的用户可访问该共享服务
  • （可选）服务别名：自定义命名该共享服务，方便协作者快速识别
• 步骤3：点击「共享」按钮完成配置。协作者的IDE会自动收到端口共享通知，点击通知后即可通过自己本地的环回地址+对应端口直接访问你启动的本地服务，无需额外网络配置。

常见问题排查 #

• 若协作者无法访问共享服务，先进入Code With Me > 会话权限设置，确认已勾选「允许参与者访问共享端口」权限
• 确认本地服务没有仅绑定公网IP，绑定127.0.0.1或0.0.0.0均可正常共享

内容的提问来源于stack exchange，提问作者Ehsan