揭秘VSCode Remote Development：在任何机器上进行编码

VSCode Remote Development通过Remote-SSH、Remote-Containers和Remote-WSL扩展实现远程开发：先安装扩展包，再依SSH连接服务器、在Docker容器启动环境、或附加到运行中容器。

如果您希望在远程服务器、虚拟机或容器中直接进行代码编辑和调试，VSCode Remote Development 提供了一种无缝的本地化开发体验。以下是实现该能力的核心机制与配置路径：

本文运行环境：MacBook Pro，macOS Sequoia

一、安装Remote Development扩展包

VSCode本身不内置远程开发能力，需通过官方扩展包启用SSH、WSL及容器支持。该扩展包整合了Remote-SSH、Remote-Containers和Remote-WSL三个子扩展，统一管理远程连接逻辑。

1、启动VSCode，点击左侧活动栏的扩展图标（或使用快捷键Cmd+Shift+X）。

2、在搜索框中输入Remote Development，找到由Microsoft发布的官方扩展。

3、点击“安装”按钮，等待扩展下载并自动启用。

二、通过SSH连接远程Linux服务器

该方式适用于已部署SSH服务的物理机、云服务器或树莓派等设备，VSCode将在远程主机上部署服务端组件，本地仅保留UI层。

1、确保远程机器已开启SSH服务，并可通过终端执行ssh user@host成功登录。

2、在VSCode命令面板（Cmd+Shift+P）中输入并选择“Remote-SSH: Connect to Host…”。

3、首次使用时选择“Add New SSH Host…”，输入格式为user@ip_address，例如ubuntu@192.168.1.50。

4、选择对应SSH配置文件位置（默认~/.ssh/config），VSCode将自动生成连接条目。

baidu-map-jsapi-three

使用 MapV-Three 构建专业的 3D 地图和 GIS 应用 - 基于 Z-up 坐标系的 3D 地图库，支持地图编辑、测量工具、要素绘制、数据管理等地理可视化功能。适用于创建地图编辑器、测量工具、空间数据可视化等 Web-GIS 应用。

下载

三、在Docker容器内启动开发环境

该方法将代码目录挂载进预配置的容器，所有依赖、工具链和运行时均隔离于容器中，避免污染宿主系统。

1、确保本地已安装Docker Desktop并处于运行状态。

2、在项目根目录下创建.devcontainer/devcontainer.json文件，定义容器镜像、端口映射与扩展列表。

3、按Cmd+Shift+P打开命令面板，执行“Dev Containers: Reopen in Container”。

4、VSCode自动构建镜像（如未缓存）、启动容器，并在其中安装指定扩展与配置开发环境。

四、接入已运行的容器实例

当已有容器正在后台运行且需复用其环境时，可跳过重建流程，直接附加到该容器的文件系统与进程空间。

1、在终端中执行docker ps获取目标容器ID或名称。

2、在VSCode命令面板中选择“Dev Containers: Attach to Running Container…”。

3、从列表中选择目标容器，VSCode将注入VS Code Server并挂载工作区路径。

4、打开文件夹后，所有编辑操作实时作用于容器内部的对应路径。