在 iPad Pro 上使用自托管代码服务器的 VSCode

如何在 iPad Pro 上使用代码服务器

去年我发过一篇关于在 iPad Pro 上使用 VSCode 的文章，你可以在这里查看：iPad Pro 上的 VSCode

今天我想向大家展示一种新的自托管 VSCode 的方法，这样就可以在任何可以打开浏览器的地方使用它。

看看iPhone上的VSCode：

如何在 iPad Pro 上使用代码服务器

Code-server 是 Visual Studio Code 的一个基于 Web 的版本，它允许您使用任何设备随时随地编写代码。它运行在远程服务器上，并允许您通过浏览器访问代码和文件。在本文中，我们将以 coder.com 为例，向您展示如何在 iPad Pro 上使用 Code-server。

你需要什么

要在 iPad Pro 上使用 code-server，您需要以下组件：

• 搭载 iOS 14 或更高版本的 iPad Pro
• 代码服务器帐户或自托管服务器
• 域名和 SSL 证书（可选，但推荐）
• 键盘和鼠标（可选，但推荐）

安装代码服务器渐进式 Web 应用 (PWA)

在 iPad Pro 上使用 code-server 的最简单方法是安装 code-server 渐进式 Web 应用 (PWA)。PWA 是一种行为类似于原生应用的 Web 应用，具有离线访问、全屏模式和键盘快捷键等功能。要安装 code-server PWA，请按照以下步骤操作¹：

1. 在 Safari 中打开代码服务器。
2. 点击分享图标。
3. 点击“添加到主屏幕”。
4. 现在您可以从主屏幕打开代码服务器，打开后，您将使用 PWA。

使用 Servediter 访问代码服务器

如果您没有域名或 SSL 证书，或者无法使其正常工作，可以使用 Servediter 访问 code-server。Servediter 是一款无需任何配置即可通过 iPad 访问 code-server 的应用程序。要使用 Servediter，请按照以下步骤操作：

1. 从 App Store 下载该应用。
2. 出现提示时，请提供您的服务器信息。
3. 如果您运行的是本地服务器或通过 USB-C 连接的 Raspberry Pi，则需要将设置输入到“自托管服务器”中。

在 iPad Pro 上使用代码服务器

在 iPad Pro 上访问代码服务器后，即可像往常一样开始编写代码。您可以使用 VS Code 的所有功能，例如扩展程序、主题、调试、终端等等。您还可以使用多任务模式，同时进行代码修改和查看浏览器。这样可以防止在代码服务器和浏览器之间切换时（两者都处于全屏模式），iOS 后台丢失应用程序的状态。

为了获得更佳的编码体验，您可能还需要使用键盘和鼠标。您可以通过蓝牙或 USB-C 连接它们。您还可以在 VS Code 中自定义快捷键，以满足您的个人偏好。

结论

Code-server 是一款出色的 iPad Pro 编码工具。它让您在网页浏览器中体验到 VS Code 的强大功能和灵活性。您可以安装 Code-server PWA 以获得接近原生应用的体验，也可以使用 Servediter 轻松访问。此外，您还可以使用键盘和鼠标来提高工作效率，并通过 Stage Manager 使用多任务模式并排查看代码和浏览器。

安装

有很多方法可以在自托管机器上安装 code-server。我使用这里解释的 Helm chart 在 Kubernetes 上安装了它。