Vscode隐藏的端口转发功能，大多数人都不知道怎么用

Posted 2022-11-29 Xavier Jiezou

引言

Python 编程中有两款 IDE 深受广大开发者的喜爱，一是微软出品的 Vscode，以小巧、轻量、插件丰富而闻名，另一款则是大名鼎鼎的专为 Python 编程而打造的 Pycharm。这两款工具各有优缺点，这里不吹不黑，在博主看来，黑猫白猫抓到老鼠就是好猫，所以哪个用得习惯就用哪个。今天介绍一个 Vscode 中非常好用的端口转发功能。

动机

我们通过 Vscode 远程连接服务器后，如果需要查看服务器上的 html 文件，则需要先 Download 到本地，然后在本地通过网页浏览器查看。有没有一种更方便的做法，可以跳过下载步骤直接在本地浏览器查看？

方法

方法当然是有的。在之前的文章中：【Python】快速创建一个简易 HTTP 服务器（http.server），我们介绍了最简单的使用 Python 创建 HTTP 服务器的方法。其实，再搭配 Vscode自带的端口转发功能，我们就能实现远程到本地的映射。

具体操作流程如下：

1. 在指定目录下创建一个 HTTP 服务器（默认端口是 8000，test 目录下保存有 index.html 等网页文件）

python -m http.server --directory ./test/

2. 可以发现 Vscode 终端已经检测到远程服务器的端口，并自动将远程端口转发到了本地

3. 打开本地电脑的浏览器，地址栏输入 http://localhost:8000/ 回车即可看到网页显示结果

提示

其它一些基于 Web 的深度学习训练可视化工具，例如 tensorboard，visdom 等都可以进行同样的操作，在本地浏览器即可实时看到远程服务器的训练结果。