使用VSCode SSH实现公网远程连接本地服务器开发的详细教程

会洗碗的CV工程师 会洗碗的CV工程师 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.2w累计阅读 1.3w+平均单平台 已同步平台 CSDN 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄6年
关注
原创 2024-07-17 12:21:32 1.2w 阅读 AI 写同款· GEO 优化 ›
【VScode】远程连接Linux 使用 VScode 远程编程与调试的时有会用到插件 Remote Development，使用这个插件可以在很多情况下代替 vim 直接远程修改与调试服务器上的代码，同时具备代码高亮与补全功能，就和在本地使用 VScode 一样。解决在服务器端翻来覆去的配置 vim 插件了。Remote Development 插件配置的过程很简单，本文介绍如何通过 ssh 的方法连接到远程机器上，另外插件还提供了连接到 WSL 和容器的功能。 阅读详情

文章目录

前言

远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…

而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

所以这篇文章教程，我们将通过vscode实现远程开发，并做内网穿透实现在公网环境下的远程连接，在外任意地方也可以远程连接服务器进行开发写代码。

1、安装OpenSSH

打开Windows开始页面，直接进行搜索PowerShell，打开第一个Windows PowerShell，点击以管理员身份运行

在这里插入图片描述

打开之后，输入以下指令：

Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'

此时出现的结果就是电脑里没有安装OpenSSH的情况：
在这里插入图片描述

如果已经安装了OpenSSH那么跳过这一步，没有安装的话则输入以下指令

Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0

在这里插入图片描述

最终结果为如下，则代表着OpenSSH安装成功：

在这里插入图片描述

显示OpenSSH安装成功后，在打开本地cmd进入之后输入命令ssh

ssh

如果显示的是这样结果的话，则说明正确：

在这里插入图片描述

2、vscode配置ssh

在windows上安装vscode，安装成功后并打开。

点击左侧工具栏中的扩展，搜索“ssh”，选择第一个Remote - SSH进行安装（我已经安装过了，所有此时显示的是禁用状态）

在这里插入图片描述

点击左下角的“设置”按钮，紧接着点击“设置”

在这里插入图片描述

根据截图的提示，找到Show Login Terminal并勾选该选项

在这里插入图片描述

点击左侧工具栏中的远程按钮，可以查看远程连接，点击SSH TARGETS下面显示的服务器旁边的按钮进行连接操作

在这里插入图片描述

3. 局域网测试连接远程服务器

以ssh连接ubuntu为例，打开vscode后，先尝试使用局域网地址ssh远程ubuntu

输入命令到对话框中，并回车

ssh  username@ip

在这里插入图片描述

选择一个配置文件

在这里插入图片描述

输入完成在右侧会显示出来刚刚添加的ssh 连接,点击 -->图标 连接,出现输入密码,输入密码即可

在这里插入图片描述

出现绿色标志表示连接成功

在这里插入图片描述

4. 公网远程连接

目前我们只能在局域网内进行远程，具有一定的局限性。不过我们通过内网穿透来实现在公网环境下的远程连接。这里我们借助工具cpolar内网穿透来实现，无需公网IP，也不用设置路由器，操作简单。

cpolar官网：https://www.cpolar.com/

4.1 ubuntu安装cpolar内网穿透

本次教程我们使用的是ubuntu 图形化系统，我们需要先在ubuntu上安装配置[cpolar内网穿透](cpolar - 安全的内网穿透工具)，支持一键自动安装脚本。

  • 国内安装
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash
  • 或 cpolar短链接安装方式：(国外使用）
curl -sL https://git.io/cpolar | sudo bash
  • 查看版本号，正常显示即为安装成功
cpolar version
  • token认证

登录cpolar官网后台，点击左侧的验证，查看自己的认证token，之后将token贴在命令行里

cpolar authtoken xxxxxxx

在这里插入图片描述

  • 简单穿透测试
cpolar http 8080

有正常生成相应的公网地址，按ctrl+c退出

  • 向系统添加服务
sudo systemctl enable cpolar
  • 启动cpolar服务
sudo systemctl start cpolar
  • 查看服务状态，显示如下图所示为active则为已启动状态
sudo systemctl status cpolar

在这里插入图片描述

cpolar安装并配置完成后，在浏览器上访问本地9200端口，使用cpolar邮箱账号登录cpolar web UI管理界面

在这里插入图片描述

cpolar安装成功后，默认会安装2条样例隧道，可以自行编辑或者删减：

  • ssh隧道：指向本地22端口，TCP协议
  • website隧道：指向本地8080端口，HTTP协议

4.2 创建隧道映射

我们可以直接使用样例隧道ssh，或者重新创建一个隧道，使用tcp协议,指向22端口。点击左侧仪表盘的隧道管理——创建隧道

  • 隧道名称：可自定义，注意不要重复
  • 协议：tcp
  • 本地地址：22
  • 端口类型：随机临时TCP端口
  • 地区：China vip

点击创建
在这里插入图片描述

隧道创建成功后，点击左侧的状态——在线隧道列表，可以看到，刚刚创建的隧道已经有生成了相应的公网地址，将其复制下来

在这里插入图片描述

4.3 测试公网远程连接

在windows上打开vscode，使用所复制的公网地址来远程SSH。

点击SSH TARGETS下面显示的服务器旁边的按钮进行连接操作
在这里插入图片描述

如左侧没有出现添加的连接,点如下按钮刷新

在这里插入图片描述

接着点击小箭头 --> 连接,出现选择ssh 类型,选择linux

在这里插入图片描述

在这里插入图片描述

输入参数,和密码即可远程成功,方便快捷。

在这里插入图片描述

在这里插入图片描述

出现以下信息表示远程连接成功

在这里插入图片描述

5. 配置固定TCP端口地址

由于以上所创建的隧道选择的是随机临时TCP端口，所生成的公网地址会在24小时内随机变化，对于需要长期远程的用户来讲不方便。不过我们可以为其配置固定的地址进行远程连接，后续远程无需先查看随机公网地址再进行远程。

注意：配置固定TCP端口地址功能需要升级至专业版套餐或以上才支持。

5.1 保留一个固定TCP端口地址

打开cpolar官网，登录到官网后台https://dashboard.cpolar.com/reserved,点击左侧的预留，我们来保留一个固定TCP端口地址：

  • 地区：选择china
  • 描述：即备注，可自定义

地址保留成功后，系统会生成相应的固定公网地址，将其复制下来

在这里插入图片描述

5.2 配置固定TCP端口地址

在ubuntu系统上打开浏览器访问本地9200端口，登录cpolar web UI管理界面。点击左侧的隧道管理——隧道列表，找到ssh隧道，点击右侧的编辑，我们来修改隧道信息，将固定tcp端口地址配置到隧道中

在这里插入图片描述

修改隧道信息，将保留成功的固定tcp地址配置到隧道中

  • 端口类型：修改为固定tcp端口
  • 预留的tcp地址：填写保留成功的地址

点击更新

在这里插入图片描述

隧道更新成功后，点击左侧仪表盘的状态——在线隧道列表，找到SSH隧道，可以看到公网地址已经更新成为了固定tcp地址。

在这里插入图片描述

5.3 测试固定公网地址远程

打开vscode,选择添加一个ssh连接

在这里插入图片描述

使用保留的tcp地址连接

在这里插入图片描述

在这里插入图片描述

刷新一下

在这里插入图片描述

刷新出来地址,点击右边小箭头”–>”连接,出现以下提示,输入yes

在这里插入图片描述

出现绿色信息,表示连接成功。

在这里插入图片描述

收录于
CSDN

当前文章被收录于：

CSDN
38 篇文章 4 人学习

CSDN 有关的非技术类文章

订阅专栏 查看详情
标签
#vscode #ssh #服务器
未经作者允许，禁止私自转载
【远程开发】VSCode使用Remote SSH远程连接Linux服务器 阅读详情

相关推荐

VSCode - 使用VSCode远程连接到Linux并实现免密码登录

VSCode - Linux - 使用VSCode远程连接到Ubuntu并实现免密登录 我使用的是Ubuntu14.04，即便是使用其他发行版也不会影响操作步骤

TKK的博客 5万+

【SSH】在VScode远程开发 使用SSH远程连接服务器

远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

感谢您的关注！ 9万+

搭建云平台 1 Day 虚拟机安装（超详细）

点击OFF 那个按钮看看网络的地址和速度有没有显示，如果有 则到目前为止都是成功的。Host name随便起一个名字就行了**-_-**文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新**,如果我们安装的VMware14就会默认为。因为我的是VMware16，所以默认。也是可以的，但是千万不要用。

2401_84009679的博客 560

VScode远程连接linux

第一步：安装远程连接插件 点击左侧的扩展按钮，搜索插件“ Remote Development ”进行安装 第二步：配置连接服务器账号 1）安装完后会在左侧生成了远程连接的图标，点击此图标，然后选择设置图标 2）点击弹出的 config文件，如下图 3）在文件中填写服务器的配置 Host为在VS Code内显示的名称，可以随意填写，Hostname是远程服务器的公网IP地址，User 是用于登录的用户名称。如下图： 选择.ssh/config 第三步：修改VS Code 设置 依次选择 “文件”-&

sunrj_niu的博客 2万+

基于GPU的GEMM矩阵相乘运算优化

从上图中我们可以看到三种处理方法。第一种是将A和B矩阵分块，第二种方法是将C和B矩阵分块，第三种方法是将C和A矩阵分块。GEMM的子任务是GEPP或GEMP；最小粒度的任务是GEBP或GEPB或点乘。

weixin_55035144的博客 2148

手把手调试：如何为高通Hypervisor上的GuestOS添加一个自定义的HAB服务通道

本文详细介绍了如何在高通Hypervisor环境下为GuestOS添加自定义HAB服务通道的全过程。从HAB通信框架的核心概念解析到设备树节点的动态注入机制，再到物理通道的内核层实现和用户层测试，提供了完整的开发案例和调试技巧，帮助开发者高效构建定制化通信服务。

weixin_27066963的博客 368

「远程开发」VSCode使用SSH远程linux服务器 - 公网远程连接

远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

weixin_43412762的博客 2677

Clipper库中文帮助文档

引言： 第一次接触Clipper，主要是想用来处理DXF中的图形，网上也有博友翻译过，但是可惜打不开，好像那个网站https://love2.io凉凉了，但是CSDN上也有博友分享了CHM，看着只剩3个下载币的我好无奈，一怒之下花费两天的时间将英文CHM也翻译了一遍，主要还是想在翻译的同时好好的理解Clipper，为使用打下坚实的基础。当然我也会无私的奉献出来。 简单的认识一下Clipper：...

zefllj的博客 3417

使用VSCode SSH公网远程连接本地服务器开发 - cpolar内网穿透

远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

weixin_74937672的博客 6098

P1003 [NOIP2011 提高组] 铺地毯 python题解

解题思路： 1、根据题意，所有地毯都是挨着铺的，所以最上面的一条符合题意的一定是从后往前数的第一条符合题意的。 2、符合题意要求x和y同时满足大于等于地毯左边坐标并且小于等于地毯右边坐标。 代码如下： n = int(input()) a = [] for i in range(n): a.append(list(map(int,input().split()))) x,y = list(map(int,input().split())) l = len(a) while l > 0: ..

繁华三千东流水不舍昼夜的博客 1616

Zotero搭配CNKI.js插件：一键批量下载知网文献的完整教程（附常见问题解决）

本文提供Zotero搭配CNKI.js插件实现知网文献批量下载的完整教程。详细介绍了从环境准备、插件安装到实战操作的全流程，并针对常见问题提供解决方案，旨在帮助科研人员高效构建自动化文献管理工作流，显著提升文献收集与整理效率。

e4f5g6h7的博客 1187

使用VSCode SSH公网远程连接本地服务器开发

使用VSCode SSH公网远程连接本地服务器开发 - cpolar内网穿透

墨城烟柳ベ旧人殇的博客 3819

基于LSTM GRU RNN的交通流量预测-完整数据代码

基于LSTM GRU RNN的交通流量预测-完整数据代码

917

使用 VSCode SSH 公网远程连接本地服务器开发 - cpolar内网穿透

远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

Welcome home | Jian Liao 's blog 4186

【ChangeCLIP】Remote sensing change detection with multimodal vision-language representation learning

ChangeCLIP论文及代码使用详解。持续更新变化检测最新论文，欢迎订阅本专栏。

向上生长的程序媛的博客 1322

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册，内含HL7和ASTM)

【OpenSSH】无需公网IP使用SSH远程连接服务器

远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

感谢您的关注！ 7189

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android：LinePhone3.2.7(最新版本)，官网地址：http://www.linphone.org/

【vscode远程开发】使用SSH远程连接服务器 「内网穿透」

远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

小洁洁 7474

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员，提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列，各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性，请参见数据手册。有关 ARM Cortex™-M4F 内核的信息，请参见《Cortex™-M4F 技术参考手册》。

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

如何实现Win系统ssh连接Ubuntu使用vscode远程敲代码

远程连接服务器的工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看。而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

小小小智_x0__0x_的博客 3662

VsCode SSH远程连接服务器【内网穿透公网连接】

VsCode SSH远程连接服务器，有点东西。。。

一个专注于嵌入式IoT领域的架构师，深耕IoT领域多年，深度掌握IoT领域的相关技术栈，包括但不限于RTOS内核的实现及其移植、硬件驱动移植开发、网络通讯协议开发、编译构建原理及其实现、底层汇编及编译原理、编译优化及代码重构、嵌入式IoT系统的架构设计等。 2万+

使用VScode SSH公网远程连接本地服务器开发【无公网IP内网穿透】

远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

m0_74760716的博客 3405

Windows SSH远程连接Linux服务器 - 无公网IP内网穿透

远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

唯有努力，方可自信！ 8451

windows下使用vscode远程连接Linux服务器进行开发

windows下使用vscode远程连接Linux服务器进行开发一、 安装远程开发插件Remote Development1、在商店中搜索**Remote Development**并安装。2、选择SSH Targets3、新建远程连接4、连接远程服务器5、打开文件夹6、安装插件 vscode推出了Remote Development开发包，让我可以在不同的场景快速切换，无需等待同步文件、环境。因为vscode远程开发完全是运行在服务器上的，我们本地的vsocde只是一个前端界面，所以根本无需同步服务器上的

irober的博客 2万+

【VsCode远程开发】Windows SSH远程连接Linux服务器 - 无公网IP内网穿透

远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

沐雨风栉 4148

如何实现无公网ip环境访问vscode远程开发【内网穿透】

远程连接服务器的工具有很多，比如 XShell、putty 等，可以通过 ssh 来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看。而 vscode 可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在 vscode 上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。

CSDN站内信: https://i.csdn.net/#/msg/chat/qyj19920704 1万+
上一篇： Git概述
下一篇： Shell 脚本入门
点赞 157
评论 129
书签 书签 225
会洗碗的CV工程师
会洗碗的CV工程师 优质创作者: 编程框架技术领域 优质创作者: 编程框架技术领域
博客等级 码龄6年 5万+粉丝 148原创
+ 关注 专栏目录 订阅专栏
评论 129
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

会洗碗的CV工程师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值