有人发你个 GitHub 链接让你看代码，你点进去，然后开始点 src、点 components、点 utils，翻了五层，找到那个文件，在记事本级别的界面里把眼睛瞪瞎。
其实一个键就能解决这个问题。
一、按一个键
在任意 GitHub 仓库页面，按 .（英文句号）。
就这一下，页面直接跳到 github.dev，VS Code 界面，文件树、全局搜索（Ctrl+Shift+F）、代码编辑、Git 提交全都有。2021 年上线的，用了之后很难再回到那个记事本。
把 URL 里的 github.com 直接改成 github.dev 效果一样，两种方式随便选。
顺带一提：按 ,（逗号）进入 GitHub Codespaces，带完整 Linux 终端的云端开发环境。差一个键，差很多东西。
GitHub 其实藏了一堆快捷键，大多数人不知道：
| 快捷键 | 干什么 |
|---|---|
. | 打开 github.dev 在线编辑器 |
, | 创建 GitHub Codespaces |
T | 模糊搜索文件名（File Finder） |
Y | 把当前文件 URL 变成永久链接 |
W | 切换分支或标签 |
S 或 / | 聚焦全局搜索栏 |
? | 显示所有快捷键 |
其中 T 最被低估。想找某个文件但不知道在哪个目录，按 T，直接模糊匹配文件名，比一层层点文件夹快太多。
二、改一个字
改域名这条路，不用安装任何东西，成本最低。
github.com → github1s.com
只读的 VS Code 界面，不用登录。适合"就看一眼"的场景。
github.com → gitingest.com
把整个仓库所有文件内容打包成一大块纯文本。用途就一个：粘给 ChatGPT / Claude，让 AI 替你读懂这个项目。比自己翻代码快多了。
github.com → gitdiagram.com
AI 分析仓库结构，自动画出架构图。几百个文件的大型项目，不用读代码就能看清全局。
github.com → githubbox.com
在 CodeSandbox 里直接跑这个项目。URL 一改，等十几秒，前端项目就跑起来了。clone + 装依赖这套流程省掉了。
URL 前面加 gitpod.io/#
https://github.com/用户/仓库 改成 https://gitpod.io/#https://github.com/用户/仓库，完整的云端 Linux 开发环境。额外优势是支持 JetBrains 全家桶，不用 VS Code 的人也能用。
三、国内用户
上面那些工具在大陆访问，速度时好时坏，心里有数就行。
Gitee WebIDE：把项目 Fork 到 Gitee，仓库 URL 末尾加 /ide，打开 WebIDE。界面和快捷键跟 VS Code 基本一样，国内访问不卡。唯一缺陷是不支持直接按 . 键，得手动加 /ide。
极狐 JihuLab（jihulab.com）：GitLab 的国内版。支持按 . 键打开 Web IDE，国内平台里目前唯一一个做到这点的。
腾讯 Cloud Studio（cloudstudio.net）：有完整的 Linux 终端，能跑代码。通过 URL 参数直接导入仓库：
https://cloudstudio.net/templates?git=https://github.com/用户名/仓库名
每月有免费额度。
四、装插件
Octotree：在 GitHub 左侧加一个文件树导航。原生的 GitHub 文件浏览确实难用，这个插件补上了这个缺。
Refined GitHub：200 多个细节改进，一键复制文件内容、PR Diff 视图优化之类的。免费开源，重度 GitHub 用户值得装。
Sourcegraph 扩展：悬停函数看文档，点击跳到定义，还能跨仓库跳转。读大型开源项目的时候特别有用。
OctoLinker：让代码里的 import、require 变成可点击的链接，直接跳到对应文件或 npm 包。
GitZip：双击任意文件夹，单独下载那个目录的 ZIP。GitHub 原生不支持这个，折腾过的人都懂这有多刚需。
五、把仓库喂给 AI
repomix，一条命令把整个仓库打包成单个文件：
# 当前目录
npx repomix
# 远程仓库，输出 Markdown
npx repomix --remote https://github.com/vuejs/vue --style markdown --output output.md
生成的文件把代码、路径、注释全整合进去，粘给 AI 可以做整个项目范围的分析。不想装 CLI 就直接去 repomix.com，网页版，粘 URL 就能用。
gitingest.com 同样有 Web 界面，还能设置包含/排除哪些文件，适合控制输出大小。
六、速查表
| 场景 | 用这个 |
|---|---|
| 快速看代码 | GitHub 按 . 键 |
| 只读浏览不登录 | github1s.com |
| 喂给 AI 分析 | gitingest.com 或 repomix |
| 看项目架构图 | gitdiagram.com |
| 直接跑前端项目 | githubbox.com 或 stackblitz.com/github/用户/仓库 |
| 国内稳定访问 | Gitee WebIDE（URL 加 /ide） |
国内也能按 . | 极狐 JihuLab |
| 国内云端开发 | 腾讯 Cloud Studio |
| 多人协作 | CodeSandbox |
以前要看一个陌生仓库，得先 clone，再配环境，再找到那个文件，前后折腾半小时，代码还没看就已经烦了。
现在这些工具把这个流程压缩到了十秒。按一个键，或者改几个字母，直接 VS Code 界面打开，顺手还能让 AI 给你讲清楚整个项目。
工具越来越不碍事了，这是好事。
