利用 VsCode Tunnel 在 Mac 上远程开发

1,233 阅读2分钟

公司的电脑是 Windows,但是用惯了 Mac,不习惯 Windows 了怎么办? 

可以利用 VSCode Tunnel 实现在 Mac 上远程开发,最终效果是代码和服务都在 Windows 中,Windows 上启动 tunnel 服务,mac 侧的 VsCode 连接此服务,实现在 mac 上远程开发。

mac 侧远程开发有两种实现方式,一种是在浏览器中开发,进入的是web 版 vscode 界面。

另一种则是借助 vscode Remote-Tunnels 插件访问远端的服务实现(推荐,避免快捷键和浏览器冲突)。

前提条件:Mac 和 Windows 都在同一个局域网内

我的环境

Windows 上已经启用 WSL,并且代码和服务都部署在 WSL 上。Windows 已经安装了 VsCode。

在 Remote Tunnels (visualstudio.com) 中下载 Code CLI,由于我是 WSL 环境,因此是下载的 Linux 版本的 CLI。(理论上用VScode 内置的 code 命令也是可以,但是当前时间,2024.2月,我的 code 命令没有 tunnel 子命令)

启动

给下载的 code cli 加上可执行权限后, 运行下面命令,--name 是给隧道起一个名字

./code tunnel --name pc

之后要求登入账号,有 github 和微软账号两种选择。我这里选择微软账号,主要是因为 github 账号无法登入(可能是网络原因)。

看到一个网址就算创建 Ok 了。此刻用浏览器访问此地址就可以进入 web vscode 界面开发了。

连接

开头也提到了用避免快捷键冲突,在 mac 侧用 vscode 连接隧道最好。首先需要下载这个插件。

然后 cmd + shift + p 

选择账号

选择远端 tunnel, 之后 vscode 将会重启

重启后在 Explorer 界面选择目录就可以远端开发了

从 terminal 的目录也可以看出,当前并不是在 mac 环境,而是远端服务器的目录

其它

有延迟吗?有,而且感知比较明显,尤其是 terminal 中。

稳定吗?才开始用,过一段时间后更新到这里。