跳至主要內容

iPad 上使用 VSCode 在线编程：code-server + Caddy 反向代理实战

Mr.Sun2026年6月18日...大约 8 分钟AI 实践VSCodecode-server远程开发工具链Caddy

背景

每天地铁通勤 2 小时，以前这部分时间基本浪费了——看看文章、刷刷手机，到公司后人已经很累。

最近在研究 AI Agent 框架的源码，想找一个能在 iPad 上直接阅读和编辑代码的方案。经过两天折腾，终于把整个环境搭好了：华为平板 + VSCode 网页版 + 远程 code-server，体验接近本地 IDE。

第一天：code-server 安装（踩坑）

安装

下载比较慢，使用了代理镜像：

wget https://ghproxy.net/https://github.com/coder/code-server/releases/download/v4.124.2/code-server-4.124.2-linux-amd64.tar.gz
tar -xvzf code-server-4.124.2-linux-amd64.tar.gz

安装本身很快，下载耗时主要看网络。

自签名证书问题

最初尝试自签名证书，配置如下：

# 生成自签名证书
mkdir -p ~/.config/code-server
cd ~/.config/code-server
openssl req -x509 -nodes -days 365 -newkey rsa:2048 \
  -keyout selfsigned.key -out selfsigned.crt \
  -subj "/CN=hermes.sunrong.site"

修改 ~/.config/code-server/config.yaml：

cert: /root/.config/code-server/selfsigned.crt
cert-key: /root/.config/code-server/selfsigned.key
bind-addr: 0.0.0.0:8000

平板访问时报证书错误，尝试多种方案均未能彻底解决。

第二天：Caddy 反向代理 + Let's Encrypt（成功）

为什么选 Caddy

Caddy 是一个自动管理 HTTPS 证书的 Web 服务器，配置极简。它能自动申请 Let's Encrypt 证书并自动续期，是生产环境的标准做法。

方案架构

平板浏览器 → https://hermes.sunrong.site:443
                ↓
            Caddy (反向代理)
                ↓
        code-server (127.0.0.1:8000, 仅本地监听)

安装 Caddy

sudo apt install caddy

配置 Caddyfile

sudo nano /etc/caddy/Caddyfile

填入：

hermes.sunrong.site {
    reverse_proxy 127.0.0.1:8000
}

修改 code-server 配置

code-server 只监听本地，Caddy 负责 HTTPS：

nano ~/.config/code-server/config.yaml
bind-addr: 127.0.0.1:8000   # 仅本地监听
auth: password
password: 你的密码
cert: false                  # Caddy 处理证书，code-server 不需要

启动服务

sudo systemctl restart code-server
sudo systemctl restart caddy

平板访问效果

直接在平板浏览器打开 https://hermes.sunrong.site，输入密码即可。

  • ✅ 绿色小锁，证书有效
  • ✅ Service Worker 正常工作
  • ✅ 代码高亮、跳转、搜索全部流畅
  • ✅ 地铁上打开就能用，不需要带电脑

关键经验总结

  1. 自签名证书在平板上基本走不通——平板浏览器对自签名证书的处理比桌面浏览器更严格，建议直接上 Let's Encrypt。

  2. Caddy 比 nginx/Caddy 配置简单太多——不需要手动申请证书，一条 reverse_proxy 搞定。

  3. code-server 只监听本地是最佳安全实践——不把 HTTPS 直接暴露给外网，所有流量经过 Caddy 集中管理。

  4. 域名建议提前准备好——需要一个可解析的域名（我用的是自己的域名 hermes.sunrong.site）。

附录：GitHub 代理稳定下载方案

国内服务器/网络访问 GitHub 经常超时或限速，下面这套组合拳可以把成功率拉到 99% 以上。

1. wget/curl 镜像（最直接）

ghproxy.net 提供 GitHub releases / raw 文件镜像，直接在原始 URL 前加 https://ghproxy.net/ 即可：

# 原始 URL
https://github.com/coder/code-server/releases/download/v4.124.2/code-server-4.124.2-linux-amd64.tar.gz

# 镜像 URL（前面加 https://ghproxy.net/）
https://ghproxy.net/https://github.com/coder/code-server/releases/download/v4.124.2/code-server-4.124.2-linux-amd64.tar.gz

# 用法
wget https://ghproxy.net/https://github.com/coder/code-server/releases/download/v4.124.2/code-server-4.124.2-linux-amd64.tar.gz
# 或
curl -L -o code-server.tar.gz https://ghproxy.net/https://github.com/coder/code-server/releases/download/v4.124.2/code-server-4.124.2-linux-amd64.tar.gz

实测下载速度从 ~50KB/s 提升到 5-10MB/s（取决于代理服务器负载）。

2. git clone 全局加速（推荐）

配置一次，所有 git clone https://github.com/... 自动走代理：

git config --global url."https://ghproxy.net/https://".insteadOf "https://github.com/"

之后所有 GitHub clone 操作自动加速，无需手动改 URL。

临时单次使用（不污染全局配置）：

git clone https://ghproxy.net/https://github.com/xxx/yyy.git

3. 浅克隆（节省 90% 流量）

大多数情况不需要完整历史：

git clone --depth 1 https://github.com/xxx/yyy.git
# 仅克隆最近 1 个 commit

如果之后需要完整历史，再 git fetch --unshallow。

4. 增大 Git 缓冲区（针对大仓库）

默认 1MB 缓冲区在大仓库（比如 Linux kernel）会失败：

git config --global http.postBuffer 524288000  # 500MB

5. raw.githubusercontent.com 文件加速

GitHub 上的 raw 文件也能走代理：

# 原始
https://raw.githubusercontent.com/xxx/yyy/main/README.md

# 镜像
https://ghproxy.net/https://raw.githubusercontent.com/xxx/yyy/main/README.md

6. 备用镜像（多重保险）

ghproxy.net 偶尔也会挂，多备几个：

  • https://ghproxy.com/
  • https://mirror.ghproxy.com/
  • https://gh-proxy.com/
  • https://fastgit.org/（专门用于 git clone）

建议：在 shell alias 里维护一个代理池：

# 加到 ~/.bashrc
alias ghproxy="https://ghproxy.net/https://github.com/"
# 用法
git clone ${ghproxy}xxx/yyy.git

7. 终极方案：HTTP/HTTPS 代理环境变量

如果整个网络环境都慢，直接配代理：

# 临时
export http_proxy=socks5://127.0.0.1:1080
export https_proxy=socks5://127.0.0.1:1080

# 永久（写到 ~/.bashrc）
echo 'export http_proxy=socks5://127.0.0.1:1080' >> ~/.bashrc
echo 'export https_proxy=socks5://127.0.0.1:1080' >> ~/.bashrc

这样 wget / curl / git 全部自动走代理。

8. GitHub CLI（gh）加速

GitHub 官方 CLI 工具也支持代理：

export GH_HOST=https://ghproxy.net/https://github.com
gh release download v4.124.2 --repo coder/code-server

组合拳优先级：

场景推荐方案
下载 release 文件ghproxy.net/ URL 前缀
git clone 仓库git config --global url."https://ghproxy.net/https://".insteadOf
临时一次性直接 wget/curl 走镜像
整个网络慢配 http_proxy / https_proxy 环境变量
gh 命令行GH_HOST 环境变量

按需选用，多备几个镜像 = 稳定。

补充实测结论（2026-06-19）

GitHub 代理：多方案实测后推荐顺序

经多日多场景实测，推荐优先级调整为：

优先级镜像实测表现
⭐⭐⭐⭐⭐https://gh-proxy.com/首选，可用率最高，速度最稳定
⭐⭐⭐⭐https://ghproxy.net/通用首选，但偶尔超时
⭐⭐⭐https://mirror.ghproxy.com/ghproxy.net 的镜像，间歇可用
⭐⭐https://ghproxy.com/偶尔能用了，但不够稳定
⭐https://fastgit.org/仅适合 git clone，不适合 release 下载

实测结论：gh-proxy.com 在连续一周的使用中（每天 10+ 次请求）保持 99%+ 成功率，速度稳定在 5-10MB/s，是当之无愧的首选。

配置变更（实测后调整）：

# 首选镜像（实测推荐）
git config --global url."https://gh-proxy.com/https://".insteadOf "https://github.com/"

# 下载 release
wget https://gh-proxy.com/https://github.com/xxx/yyy/releases/download/v1.0/yyy.tar.gz

平板浏览器：VSCode 适配实测

在 iPad 上使用 code-server 时，浏览器选错 = 全部崩盘。以下是实测结论：

浏览器VSCode 适配Service Worker插件推荐
Microsoft Edge✅ 完美✅✅⭐⭐⭐⭐⭐
Safari✅ 基本可用✅⚠️ 部分插件报错⭐⭐⭐
QQ 浏览器❌ 插件报错⚠️❌ 经常崩不推荐
华为浏览器❌ 插件报错⚠️❌ VSCode 插件不兼容不推荐

关键问题：国产浏览器（QQ / 华为）对 VSCode Web 版的插件兼容性较差，会出现：

  • Service Worker 注册失败 → 离线功能不可用
  • 部分扩展报错 → Terminal/扩展市场不能用
  • 触屏手势冲突 → 编辑体验差

推荐：iPad 上安装 Microsoft Edge（App Store 免费下载），登录微软账号后可同步桌面端设置，体验接近桌面 VSCode。

Linux 服务端额外配置（让 Edge 信任 HTTPS 证书）：

# 如果用 Let's Encrypt 证书（推荐），Edge 默认信任，无需额外配置
# 如果用自签名证书，需要把证书导入 Edge 受信根证书列表（复杂，不推荐）

结论：浏览器选 Edge + HTTPS 用 Let's Encrypt = iPad 上 VSCode 体验最佳组合。

补充：服务器升级与 AI 编程工具链（2026-06-19）

服务器升级（618 活动）

顺手升级了云服务器配置，提升远程开发体验：

项升级前升级后
CPU2 核4 核
内存4 GB4 GB
价格原价618 活动价

升级理由：

  • 4 核 CPU 可以同时跑 code-server + 2~3 个 Agent 进程不卡顿
  • 内存保持 4 GB 不变（code-server 本身内存占用不高）
  • 618 活动价格对比平时便宜 30~40%，年付最划算

网络专线：了解后暂不使用

考察了 BGP 网络专线 / CN2 GIA 等高阶网络方案：

  • ✅ 优点：带宽稳定、丢包率低、延迟低（10ms 以内）
  • ❌ 缺点：价格是普通带宽的 5~10 倍（年费 2000~5000 元）
  • 🎯 决策：当前开发场景（个人远程 + Agent 测试）对延迟不敏感，普通带宽 + CDN 已足够

性价比原则：在工具链上的过度投入 = 给焦虑买单，不如把预算花在订阅更强的 AI 模型。

AI 编程助手：腾讯 Code Buddy 实测

试用了一款意外的宝藏工具：腾讯云 Code Buddy（https://codebuddy.tencent.com/）。

亮点：

特性说明
GLM 5.2 模型支持智谱最新模型，代码能力接近 GPT-4 级别
免费额度注册即可白嫖日常使用量，个人开发足够
VSCode 插件跟 Cursor/Continue 类似，能在编辑器里直接用
中文友好提示词 / 文档 / 错误信息都是中文优先

与 code-server 协同工作流：

iPad (Edge) → code-server (远程容器) → Code Buddy AI 助手
                                          ↓
                                    GLM 5.2 模型生成代码

实测场景：在 code-server 里写代码时，让 Code Buddy 解释一段 AgentScope 源码的意图，回复准确度 90%+，完全够用。

推荐指数：⭐⭐⭐⭐（个人开发免费 + 模型强 + 中文友好）

完整工具链全景（更新版）

┌────────────────┐
│  iPad / Edge   │ ← 平板浏览器
└────────┬───────┘
         ↓ HTTPS (Let's Encrypt)
┌────────────────┐
│  Caddy 代理    │ ← 自动 HTTPS
└────────┬───────┘
         ↓
┌────────────────┐
│ code-server    │ ← 远程容器（4核4g）
│  + Code Buddy  │ ← AI 编程助手（GLM 5.2）
│  + LLM API     │ ← 多模型切换
└────────┬───────┘
         ↓ gh-proxy.com
┌────────────────┐
│  GitHub 仓库   │ ← 全球加速
└────────────────┘

投入产出比总结

投入月成本
云服务器（4核4g）~30 元/月（年付折算）
域名（hermes.sunrong.site）~10 元/月（年付折算）
Code Buddy0 元（白嫖）
合计~40 元/月

产出：

  • ✅ iPad 通勤 2h 100% 利用（每天多出 2h 学习/开发时间）
  • ✅ 完整 AI 编程工具链（code-server + Code Buddy + GLM 5.2）
  • ✅ 全球 GitHub 高速访问（gh-proxy.com 加速）
  • ✅ 5 年 Max 锚：让 Max 看到"爸爸一直在用最新工具学习"的智慧形象

结论：40 元/月 = 别人买 1 杯咖啡的钱，换整套远程 AI 开发环境。这是性价比最高的自我投资。

后续用法

现在的使用场景：

  • 通勤路上用 iPad 阅读 AI Agent 框架源码（AgentScope、LangChain 等）
  • 配合 LLM（ChatGPT/Claude）做代码 review：边看边问
  • 随时记录代码片段和设计思路

整个方案成本极低（一台低配云服务器 + 域名），效果接近本地开发体验。

如果你有更好的远程开发方案，欢迎交流。

贡献者

Sun Rong
次阅读
$1
MIT Licensed
Copyright © 2026 Mr.Sun