跳转到内容
use-cases / vscode-from-your-phone / hero
CODE · DISPLAYS · CONTAINERS

真正的 VS Code,在你的手机上,跑在真正的 Linux 机器上

Code 编排器在容器内运行 VS Code,并把它当作一个普通 URL 提供出来。在机场用手机打开它,在沙发上用平板打开它,在桌前用笔记本打开它。同一个编辑器、同一份文件、同一个昨天就在跑的开发服务器。

阅读 code 文档
use-cases / vscode-from-your-phone / url

你的电脑有一个 URL

Code 编排器(每个 Hoody 容器都自带的服务)从一个 HTTPS 端点提供 VS Code 网页界面。URL 明确拼出编辑器打开的是哪个项目、哪个容器、哪个文件夹。

address bar
https://PROJECT-CONTAINER-code-1.SERVER.containers.hoody.com/?folder=/home/user/project
PROJECTPROJECT
CONTAINER-CONTAINER
ROLE-code-1
SERVER.SERVER.containers.hoody.com
FOLDER?folder=/home/user/project

加一次书签。在任何带浏览器的设备上打开它。Code 编排器按 id 复用同一个 VS Code 实例,所以在第二台设备上的第二个标签页接续同一份工作区状态,而不是重开一个。

use-cases / vscode-from-your-phone / editor

真正的 VS Code,真正的 Linux 机器

不是一个伪装成 VS Code 的精简手机编辑器。编排器在容器中起一个真实的 VS Code 进程,带它自己的数据目录 /data/instances/、完整扩展,以及任何你的开发服务器绑定的本地端口的代理端点。

code-1.containers.hoody.com/?folder=/home/user/site
Layout.tsxpage.tsxpackage.json
1export const Layout = ([ children ]) => (
2 <div className="container">
3 <Header />
4 [children]
5 <Footer />
6 </div>
7);
TERMINAL · bash仍在运行
# dev server you started yesterday$ bun run devready in 412ms→ proxy/3000 http://localhost:3000

端口代理内置在编排器里。任何绑定到本地端口的进程——vite、next、rails server、python repl——都能在同一 URL 的 /proxy/PORT/ 上访问到。手机的浏览器看得见你的开发服务器,因为容器的 localhost 就是容器的 localhost,不是手机的。

use-cases / vscode-from-your-phone / angles

什么不再是问题

「手机当编辑器」的卖点通常会卡在那些让手机不适合做开发盒的悬崖上。编排器模式把所有这些都从设备上挪走了。

对出差的开发者

笔记本不再是工作本身

如果笔记本在桌上,手机在你手里,两者都能打开同一个 URL,接续同一份文件。出差变成硬件决策,不再是工作流决策。

对值班工程师

修复不再等笔记本

在机场排队时一行代码让你不爽。打开 URL。改文件。在嵌入终端里跑测试。提交。推送。关标签页。整个循环跑在容器上,不在手机上。

对独立创始人

一份环境,所有设备

扩展只装一次,设置只同步一次,开发服务器只启一次。状态属于容器,不属于笔记本。买台新设备就是在它上面打开一个 URL。

use-cases / vscode-from-your-phone / punchline

计算不再被绑在你手中的设备上。

手机、平板、笔记本——它们是渲染表面。CPU、磁盘、开发服务器、构建缓存、运行中的进程都活在容器里。任何浏览器都足以接触到它们。

  • 无需笔记本
  • 无同步冲突
  • URL 即工作区
use-cases / vscode-from-your-phone / replaces

这取代了什么

开发者想在非笔记本设备上拥有笔记本级编辑器时通常会抓的那些模式。它们要么扭曲设备、要么扭曲工作流。编排器两个都不扭曲。

  • GitHub Codespaces浏览器中的编辑器,但盒子是他们的
  • Gitpod同模型,临时的,有厂家锁定
  • Replit他们的运行时、他们的文件系统、他们的定价
  • 手机上的 Cursor手机上没有 Cursor
  • 在笔记本上工作带着工作就意味着带着设备
use-cases / vscode-from-your-phone / cta

打开 URL。做这次修复。关上标签页。你的电脑从来就不在你手里。

阅读 code 编排器文档
use-cases / vscode-from-your-phone / related

阅读其他内容