VSCode+WSL+cpolar咖啡厅也能改代码!内网穿透实验室第560个成功挑战

192 阅读8分钟

NO.560 VSCode + WSL-01.png

软件名称VSCode + WSL (Windows Subsystem for Linux)

操作系统支持:主要用于 Windows 系统,但可通过 WSL 实现 Linux 开发环境兼容。

软件介绍: VSCode是微软推出的轻量级代码编辑器,结合WSL(Windows上的Linux子系统),可在Windows上无缝运行完整的Linux开发工具链。通过Cpolar公网隧道技术,可突破局域网限制,在任何地点用另一台设备远程连接回本地环境,实现“随身携带”的完整开发套件。

NO.560 VSCode + WSL-02.png

VSCode+WSL:Windows与Linux的“婚姻登记处”

核心功能亮点: 1、双系统和谐共处:在Windows上直接调用Ubuntu、Debian等Linux发行版,无需虚拟机或双启动。 2、远程开发神器:VSCode支持通过SSH远程连接WSL环境,代码编辑与本地操作无异。 3、轻量又强大:比传统虚拟机节省资源,性能直逼原生Linux系统。

NO.560 VSCode + WSL-03.png

cpolar内网穿透技术带来的便利

核心作用:Cpolar为WSL中的SSH服务创建一条“跨时空通道”,将本地开发环境变成可从互联网访问的“云主机”。

像给电脑装了个隐形翅膀:“你的开发环境不再是‘宅男’,可以飞出公司、飞出家门,在任何地方等着你远程召唤!”

告别‘网络绑架’:“再也不会被局域网关进笼子里——想在机场改bug?Cpolar说YES!”

NO.560 VSCode + WSL-04.png

cpolar将内网穿透简单到只要三步!

1.下载安装 → 2. 输入要穿透的端口号 → 3. 立刻获得专属访问链接。

真实场景1:咖啡厅改代码不求人

用户痛点:“在星巴克用笔记本写代码时,突然发现需要编译一个依赖Linux的项目——完蛋!Windows自带的命令行太弱了!” 爽点解决方案:通过Cpolar将本地WSL环境暴露到公网,在咖啡厅的电脑上直接VSCode远程连接回家里的开发环境——“边喝拿铁边敲代码,老板以为我在加班!”

真实场景2:跨设备协作像玩“多人联机游戏”

用户痛点:“团队成员用不同系统(Mac/Windows/Linux),每次部署前都要纠结‘这行代码在你那边跑得动吗?’”

爽点解决方案:所有人通过VSCode远程连接同一台WSL主机+Cpolar公网隧道——“就像开了一个共享的Linux服务器,谁改代码都同步到‘游戏大厅’!”

NO.560 VSCode + WSL-05.png

总结:

VSCode+WSL+cpolar的组合,让开发者摆脱了“设备绑定”和“网络枷锁”。你既能在Windows上享受图形界面的便利,又能用Linux工具链高效开发;既能在家、在咖啡厅、在飞机上随时随地访问完整环境,又能与团队无缝协作。这不仅是技术方案,更是现代程序员的“自由通行证”!

通行证教程如下👇

1.WSL 环境下网络诊断

没有安装wsl的家人们,可以参考这个教程哦:www.cpolar.com/blog/explor…

首先搜索Ubuntu,打开:

image-20250718175143634

查看你的ip地址:

ip addr

微信图片_2025-07-08_165833_095

检查是否可以从当前机器访问目标 IP 为 172.20.54.177 的服务器上的 SSH 服务(端口 22):

telnet 172.20.54.177 22

aaca3e53b02bf311fd3cf7d31c8d6214

使用 SSH 协议,以用户名 michael 尝试连接到 IP 地址为 172.20.54.177 的服务器,并且指定使用端口 22 进行连接:

ssh michael@172.20.54.177 -p 22

8B53B8CA-C43D-430d-9A16-1EC10938B26F(1)

如何在 Ubuntu 上启用 SSH?

sudo apt install openssh-server

297b582cf27faf5a2e04bb819448538f

2.安装cpolar实现随时随地开发

cpolar 可以将你本地电脑中的服务(如 SSH、Web、数据库)映射到公网。即使你在家里或外出时,也可以通过公网地址连接回本地运行的开发环境。配合 VSCode 的 Remote - SSH 插件,你可以从任何设备访问自己的完整开发环境。

❤️以下是安装cpolar步骤:

官网在此:www.cpolar.com

点击免费注册注册一个账号,并下载最新版本的Cpolar:

52de967930cc2da6f2648c0745348fbc

登录成功后,点击下载Cpolar到本地并安装(一路默认安装即可)本教程选择下载Windows版本。

ca089c8af6052c9ea7d3a6c99145c40d

Cpolar安装成功后,在浏览器上访问http://localhost:9200,使用cpolar账号登录,登录后即可看到Cpolar web 配置界面,结下来在web 管理界面配置即可。

f7247a089a6cb102c9fcbec5d933004d

3.配置公网地址

通过配置,你可以在本地 WSL 或 Linux 系统上运行 SSH 服务,并通过 Cpolar 将其映射到公网,从而实现从任意设备远程连接开发环境的目的。

  • 隧道名称:可自定义,本例使用了:VsCode,注意不要与已有的隧道名称重复
  • 协议:tcp
  • 本地地址:172.20.54.177:22
  • 端口类型:随机临时TCP端口
  • 地区:China Vip

微信图片_2025-07-09_155025_617(1)

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址,接下来就可以在其他电脑或者移动端设备(异地)上,使用任意一个地址在终端中访问即可。

  • tcp 表示使用的协议类型
  • 2.tcp.vip.cpolar.cn 是 Cpolar 提供的域名
  • 12825 是随机分配的公网端口号

4d486290e5945bc86c8e72e74ec4c6d8

通过 Cpolar 提供的公网地址和端口,使用 SSH 协议从本地 Windows 系统连接到远程的 Ubuntu WSL2 环境,并成功登录。

ssh michael@2.tcp.vip.cpolar.cn -p 12825

image-20250709152514252

4.VsCode 远程连接开发环境

无论你是在 Windows、macOS 还是 Linux 上工作,Remote - SSH 让你可以连接到任何支持 SSH 的系统(Linux 或 macOS),提供了一致的开发环境。通过在相同环境中开发和部署,可以减少“在我的机器上能运行”的问题。

打开 VS Code,按下 Ctrl + Shift +X(或点击左侧活动栏中的扩展图标),进入扩展市场。在搜索栏中输入关键词 “Remote - SSH”,在搜索结果中找到 “Remote - SSH” 插件,点击 Install 按钮进行安装。

image-20250709155543326

安装完成后,左侧资源管理器下方会出现一个新的远程资源管理器图标(或直接使用快捷键 Ctrl+Shift+P 输入 “Remote-SSH” 相关命令),即可开始配置并连接远程服务器。点击小加号就可以连接远程服务器。

image-20250709105126774

点击小加号后,输入框会弹出一个输入框,这个输入框用于输入 SSH 的连接命令。

ssh michael@2.tcp.vip.cpolar.cn -p 12825

image-20250709112733691

然后软件的右下角会出现提示信息,点击 “打开配置” 打开配置文件。

image-20250709112846876

  • Host:这是一个用户定义的别名,用于指代远程主机。

  • HostName:指定远程主机的实际地址或主机名。

  • User:指定连接到远程主机时使用的用户名。

  • Port:指定 SSH 连接使用的端口号。

image-20250709113032412

此时,你应该能在左侧资源管理器的 SSH 目标列表 中看到新增的 Ubuntu 主机项。如果未自动显示,可以点击上方的刷新按钮进行手动更新。确认出现目标主机后,点击主机名右侧的连接按钮,即可开始远程连接到该 Ubuntu 系统。

image-20250709113537751

点击连接后,选择Linux。

image-20250709114045069

然后输入远程的主机密码,按下回车。

image-20250709113938055

连接成功后,出现的字样。

image-20250709114236481

点击右下角的小三角,再点击“TERMINAL(终端)”,可以看到 Ubuntu 的终端界面,在这里可以使用命令行操作 Ubuntu。

image-20250709114534199

输入:

code .

image-20250709114711378

新弹出的页,再次输入主机密码。

image-20250709114754775

这样就可以随时随地编写代码啦。

image-20250709114835858

5.保留固定TCP公网地址

使用cpolar为其配置TCP地址,该地址为固定地址,不会随机变化。

image-20250718144234700 选择区域和描述:有一个下拉菜单,当前选择的是“China VIP”。 右侧输入框,用于填写描述信息。 保留按钮:在右侧有一个橙色的“保留”按钮,点击该按钮可以保留所选的TCP地址。 列表中显示了一条已保留的TCP地址记录。

  • 地区:显示为“China VIP”。
  • 地址:显示为“20.tcp.vip.cpolar.cn:14220”。

image-20250718145400598

登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道VsCode,点击右侧的编辑

image-20250718145515243

修改隧道信息,将保留成功的TCP端口配置到隧道中。

  • 端口类型:选择固定TCP端口
  • 预留的TCP地址:填写保留成功的TCP地址

点击更新

01914c872fa537e9807e4417e239742f

创建完成后,打开在线隧道列表,此时可以看到随机的公网地址已经发生变化,地址名称也变成了保留和固定的TCP地址。

05CEA515-CAB0-4f9d-AAC5-1ECDDBF23135

最后测试一下固定的地址是否好用,测试命令:

ssh michael@20.tcp.vip.cpolar.cn -p 14220

image-20250709152138183

这样,你可以把这个地址发给你的朋友们,这样他们就可以随时随地使用Cpolar来共享开发,即使在家里或外出时,也可以通过公网地址连接回本地运行的开发环境。配合 VSCode 的 Remote - SSH 插件,可以从任何设备访问自己的完整开发环境。

总结

使用 VSCode 通过Remote -SSH 连接到运行在 WSL 中的 Linux 环境,就像是给你的开发工作打开了一扇通往新世界的大门。这样一来,你就可以在 Windows 的舒适环境中享受 Linux 的强大功能啦!无论是编辑代码、调试程序还是运行脚本,都能感受到流畅又高效的体验。想象一下,在熟悉的 Windows 系统中轻松切换到 Linux 环境,就像在家里的客厅和书房之间自由走动一样方便。这种无缝衔接的感觉,简直不要太棒哦!✨

感谢您对本篇文章的喜爱,有任何问题欢迎留言交流。cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站