VS Code Remote 使用

VS Code Remote

VS Code 可以连接到容器、远程服务器或 Windows 子系统 (WSL) 上进行开发。以下是一些常见的使用场景和配置方法。

查看 HTML 等网页文件

方法 1：使用插件 在 VS Code 扩展商店搜索并在远端安装 Live Preview 插件。安装后右键 HTML 文件选择 “Show Preview” 即可直接预览。

方法 2：使用 Python 启动临时服务 在终端运行以下命令：

python3 -m http.server 8000
# 注意：8000 是端口号，如果被占用可以换成其他端口

这个命令会在远程服务器启动一个轻量级 HTTP 服务，将当前目录作为网站根目录。

  • 如果防火墙已开放： 直接访问 http://远程IP:8000。
  • 如果防火墙未开放（推荐）： 利用 VS Code 的端口转发功能访问（见下文）。通常 VS Code 会自动检测到并在右下角弹出提示，点击“在浏览器中打开”即可。

端口转发

在使用 VS Code 远程开发时，可以通过 SSH 隧道将远程服务器的端口映射到本地。这使得无需在服务器防火墙放行端口，也能安全地访问远程服务

操作方法：

  1. 打开 VS Code 底部面板的 “端口” 标签页。
  2. 点击 “转发端口”。
  3. 输入远程端口号（如 8000），回车。
  4. 此时本地可以通过 http://localhost:8000 访问。