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@host 或 user@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数据类型有哪些_如何准确判断一个变量的类型

