VSCode远程开发:通过SSH连接服务器编码

发布时间 - 2025-12-18 00:00:00    点击率:
VSCode 通过 Remote-SSH 扩展实现远程开发,本地界面操作远程服务器代码:先配置 SSH 主机并安装扩展,再连接启动远程 VS Code Server,所有编辑调试均在服务器执行,本地仅显示输入。

VSCode 的远程开发功能让你能在本地界面操作远程服务器上的代码,SSH 连接是最常用、最稳定的方式。核心在于:本地 VSCode 通过 SSH 启动远程的 VS Code Server,所有编辑、调试、终端操作实际运行在服务器上,本地只负责显示和输入。

前提条件:确保 SSH 可用

服务器需开启 SSH 服务(默认端口 22),且你有可登录的用户账号和对应权限(建议使用密钥认证,更安全也免输密码)。

  • 本地能通过终端执行 ssh user@host 成功登录(如 ssh ubuntu@192.168.1.100
  • 服务器上已安装 Git、基础编译工具(如 gcc、make)、Python/Node.js 等项目依赖环境(VS Code Server 会自动安装,但语言运行时需手动配好)
  • 推荐配置 SSH 密钥免密登录:用 ssh-keygen 生成密钥,再用 ssh-copy-id user@host 推送公钥

安装 Remote-SSH 扩展

这是 VSCode 官方提供的远程开发入口,必须先装好。

  • 打开 VSCode → 左侧扩展面板(或 Ctrl+Shift+X)→ 搜索 Remote - SSH
  • 安装由 Microsoft 发布的官方扩展(图标是锁+终端)
  • 安装后,左下角状态栏会出现一个绿色的远程连接图标(>),点击即可开始配置

连接并打开远程文件夹

连接过程分两步:配置主机信息 → 连接并选择工作目录。

  • 点击左下角远程图标 → 选 Connect to Host… → 再选 Add New SSH Host…
  • 输入格式为:user@hostuser@host:port(如 ubuntu@192.168.1.100:2222
  • 选择 SSH 配置文件位置(默认 ~/.ssh/config,也可新建)→ VSCode 会把这条记录写入其中
  • 再次点击远程图标 → 从列表中选刚添加的主机 → 输入密码或使用密钥解锁 → 等待 VS Code Server 自动下载并启动(首次较慢,后续快)
  • 连接成功后,按 Ctrl+K Ctrl+O 打开远程文件夹(如 /home/ubuntu/myproject),即可像本地一样编辑、运行、调试

小技巧与常见注意点

连接不是一劳永逸,有些细节会影响体验。

  • 终端默认是远程 shell:新打开的集成终端直接运行在服务器上,pwd 显示的是远程路径
  • 扩展要分“本地”和“远程”:部分扩展(如 ESLint、Prettier)需在远程安装才生效,右键扩展 → Install on SSH: hostname
  • 如果连接卡在“Setting up remote environment”,检查服务器磁盘空间、网络连通性,或手动在服务器上运行 curl -fsSL https://aka.ms/install-vscode-server-stable | bash
  • 想快速切换本地/远程工作区:点击远程图标 → Close Remote Connection 即可退回到纯本地模式

基本上就这些。不需要同步代码、不依赖 FTP,也不用折腾 Web IDE,SSH 连上就能写真实环境里的程序。不复杂但容易忽略配置细节,理清逻辑后效率提升很明显。


# python  # vscode  # js  # node.js  # git  # node  # 编码  # 端口  # ubuntu  # 工具  # ssl  # curl 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何快速搭建安全的FTP站点?  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  Linux后台任务运行方法_nohup与&使用技巧【技巧】  香港服务器网站生成指南:免费资源整合与高速稳定配置方案  Laravel全局作用域是什么_Laravel Eloquent Global Scopes应用指南  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  齐河建站公司:营销型网站建设与SEO优化双核驱动策略  公司网站制作需要多少钱,找人做公司网站需要多少钱?  香港服务器网站卡顿?如何解决网络延迟与负载问题?  太平洋网站制作公司,网络用语太平洋是什么意思?  Java类加载基本过程详细介绍  利用 Google AI 进行 YouTube 视频 SEO 描述优化  WordPress 子目录安装中正确处理脚本路径的完整指南  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?  Windows家庭版如何开启组策略(gpedit.msc)?(安装方法)  Mybatis 中的insertOrUpdate操作  JavaScript如何实现错误处理_try...catch如何捕获异常?  Laravel如何使用Collections进行数据处理?(实用方法示例)  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  如何在香港服务器上快速搭建免备案网站?  小米17系列还有一款新机?主打6.9英寸大直屏和旗舰级影像  nginx修改上传文件大小限制的方法  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  如何用虚拟主机快速搭建网站?详细步骤解析  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  如何制作公司的网站链接,公司想做一个网站,一般需要花多少钱?  宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程  车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  如何在阿里云虚拟主机上快速搭建个人网站?  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程  清除minerd进程的简单方法  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】  制作旅游网站html,怎样注册旅游网站?  手机怎么制作网站教程步骤,手机怎么做自己的网页链接?  网站建设要注意的标准 促进网站用户好感度!  如何在IIS中新建站点并配置端口与IP地址?  中山网站推广排名,中山信息港登录入口?  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  如何自定义建站之星网站的导航菜单样式?  JavaScript如何实现类型判断_typeof和instanceof有什么区别  怎么用AI帮你设计一套个性化的手机App图标?  消息称 OpenAI 正研发的神秘硬件设备或为智能笔,富士康代工  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  企业在线网站设计制作流程,想建设一个属于自己的企业网站,该如何去做?  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  如何在服务器上三步完成建站并提升流量?  JavaScript数据类型有哪些_如何准确判断一个变量的类型