「VSCode」如何开启自动转发端口功能步骤教程

VSCode 团队近期在文档更新中公布了开启“自动转发端口”功能的标准路径，该功能可让开发者在远程会话启动时自动完成本地到服务器的端口映射，省去手动输入命令的步骤。

操作流程仅需三步：首先启动 VSCode，在左侧活动栏点击齿轮图标，进入“Settings”。随后在左侧目录树展开“Remote”分类，即可在右侧配置区找到“Auto Forward Ports”选项。将对应复选框勾选后无需重启软件，系统将在下次建立远程连接时自动读取 .vscode/ports.json 内的端口列表并执行映射。

官方提示，若项目根目录不存在 ports.json，VSCode 会自动生成并记录第一次绑定的端口号；用户亦可在 “settings.json” 内利用 “remote.portsAttributes” 字段自定义映射规则。例如:

{
"remote.portsAttributes": {
"3000": { "label": "web", "onAutoForward": "openBrowser" },
"5432": { "label": "db", "onAutoForward": "silent" }
}
}

此外，针对使用 .devcontainer 的场景，只需在 devcontainer.json 中加入 “forwardPorts” 数组即可完成相同效果。

开发者完成上述设定后，使用 Remote-SSH、Remote-WSL 或 GitHub Codespaces 时，状态栏左侧会弹出端口提示，点击即可查看实时 URL 与流量统计，无需再切换终端验证转发是否生效。