0

0

VSCode的Remote Development扩展包:远程开发全家桶

P粉986688829

P粉986688829

发布时间:2025-12-29 21:05:02

|

782人浏览过

|

来源于php中文网

原创

VSCode Remote Development扩展包支持SSH、容器和WSL三种远程开发模式。需先安装该扩展包,再分别配置Remote-SSH连接Linux服务器、Remote-Containers在Docker中开发、Remote-WSL在Windows子系统中开发。

vscode的remote development扩展包:远程开发全家桶

如果您希望在本地编辑器中直接连接并开发远程服务器上的项目,VSCode 的 Remote Development 扩展包提供了统一入口来启用 SSH、容器和 WSL 三种远程开发模式。以下是配置与使用该扩展包的具体操作路径:

本文运行环境:MacBook Pro,macOS Sequoia

一、安装 Remote Development 扩展包

Remote Development 是一个扩展包合集,包含 Remote - SSH、Remote - Containers 和 Remote - WSL 三个核心扩展,需通过 VSCode 扩展市场一次性安装。

1、启动 VSCode,点击左侧活动栏的扩展图标(或按 Cmd+Shift+X)。

2、在搜索框中输入 Remote Development

3、在搜索结果中找到官方发布的 Remote Development 扩展包(Publisher: Microsoft),点击“安装”按钮。

4、安装完成后,VSCode 将自动提示重启窗口,点击“立即重启”以激活全部子扩展。

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

Remote - SSH 允许您将远程 Linux 主机作为开发环境,所有代码运行、调试和终端操作均在远端执行,本地仅负责编辑与界面渲染。

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

2、在 VSCode 中按下 Cmd+Shift+P,输入并选择 Remote-SSH: Connect to Host...

3、选择 Add New SSH Host...,输入类似 ssh user@192.168.1.100 的连接字符串。

4、VSCode 将引导您选择 SSH 配置文件位置(默认 ~/.ssh/config),并自动写入新主机条目。

5、再次调用 Remote-SSH: Connect to Host...,选择刚添加的主机,等待 VSCode 在远端部署 server 后自动打开远程窗口。

法语写作助手
法语写作助手

法语助手旗下的AI智能写作平台,支持语法、拼写自动纠错,一键改写、润色你的法语作文。

下载

三、使用 Remote - Containers 在 Docker 容器中开发

Remote - Containers 支持将当前工作区加载到指定 Docker 镜像或自定义 Dockerfile 构建的容器中,实现环境隔离与可复现开发环境。

1、在项目根目录下创建 .devcontainer/devcontainer.json 文件,或使用命令面板执行 Dev Container: Add Dev Container Configuration Files...

2、选择基础镜像(如 Node.js 18)或从 Dockerfile 初始化配置。

3、修改 devcontainer.json,可添加 extensions、forwardPorts、customizations 等字段,例如设置 "extensions": ["dbaeumer.vscode-eslint"]

4、执行 Dev Container: Reopen in Container,VSCode 将构建镜像(若未缓存)、启动容器并重载窗口。

5、此时全部文件操作、终端命令及调试器均运行于容器内部,/workspace 即为当前项目挂载路径。

四、启用 Remote - WSL 在 Windows 子系统中开发

Remote - WSL 允许 VSCode 直接加载 WSL 发行版(如 Ubuntu)中的项目路径,利用 Linux 工具链进行开发,同时保留 Windows 图形界面体验。

1、确认已启用 Windows Subsystem for Linux 并至少安装一个发行版(如 Ubuntu 22.04)。

2、在 Windows 上启动 VSCode(非 WSL 内启动),打开任意本地文件夹后,按下 Cmd+Shift+P。

3、输入并选择 Remote-WSL: New Window,新窗口将自动连接至默认 WSL 发行版。

4、在新窗口中,通过文件 → 打开文件夹,浏览路径 \\wsl$\Ubuntu\home\username\project 并打开目标项目。

5、VSCode 将在 WSL 环境中安装 server 组件,此后终端、调试、Git 均调用 WSL 内对应工具链。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

401

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

528

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

306

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

74

2025.09.10

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

246

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

204

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1431

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

606

2023.11.24

俄罗斯搜索引擎Yandex最新官方入口网址
俄罗斯搜索引擎Yandex最新官方入口网址

Yandex官方入口网址是https://yandex.com;用户可通过网页端直连或移动端浏览器直接访问,无需登录即可使用搜索、图片、新闻、地图等全部基础功能,并支持多语种检索与静态资源精准筛选。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1

2025.12.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 6.2万人学习

Git 教程
Git 教程

共21课时 | 2.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号