GitHub Codespaces 有些慢且收费，于是自己做了一个（浏览器内的 VSCode，带云端开发环境）

继实现对 GitHub 仓库进行在线 VSCode 编辑的功能后，还是不太满足。试用了一下 Codespaces 和 GitPod，发现对国内访问都不太友好（启动开发环境 /打开文件 /命令行都比较慢）。于是顺便实现了在线开发环境，亮点如下：

• 支持 Ubuntu 和 macOS （感谢 GitHub Actions ）
• 简单，只需要一个 PAT 便能完成所有操作
• 启动快，开发环境最快只需 10 秒便能使用
• 提供日本节点，交互流畅
• 支持私有仓库 / self-hosted runners
• 开启端口映射后可直接通过浏览器访问开发环境的 HTTP 服务
• 不启动 session 也能当在线编辑器使用，支持直接 commit / 提交 PR

仓库地址

主仓库

网站地址

将链接中的 github 替换为 github-vsc 即可。

例如 github.com/facebook/create-react-app -> github-vsc.com/facebook/create-react-app

启动开发环境

1. 激活 VSCode 左侧第六个 tab （ GitHub logo ）
2. 设置含有 repo access 的 GitHub PAT
3. 选择就近的 runner server 和喜爱的操作系统，然后点按 "Start Session"

端口映射

以 create-react-app 为例，在命令行中执行 yarn start 后开启到端口 3000 的映射，就能从浏览器中访问了。