VSCode Web 版（vscode.dev）提供浏览器内代码编辑功能：1. 直接访问网站并打开本地文件夹；2. 通过 GitHub 仓库 URL 快速加载项目；3. 用 Gist ID 打开单文件；4. 安装 PWA 实现离线编辑与缓存。
如果您希望在浏览器中直接使用功能完整的代码编辑器，而无需安装本地软件，则 VSCode 的 Web 版（vscode.dev）提供了基于网页的轻量级访问入口。以下是启用与使用该服务的关键操作路径：
本文运行环境：MacBook Air，macOS Sequoia。
一、直接访问 vscode.dev 网站
vscode.dev 是微软官方托管的 Web 版 VS Code，底层基于 Monaco 编辑器，支持语法高亮、智能提示、基础调试等核心能力，所有操作均在浏览器沙箱内完成，不依赖本地安装。
1、打开任意现代浏览器（推荐 Chrome 或 Edge 最新版）。
2、在地址栏输入 https://vscode.dev 并按回车键访问。
3、页面加载完成后，点击左上角 “打开文件夹” 按钮。
4、在弹出的系统对话框中选择已通过 GitHub Codespaces 或本地文件系统共享的目录（需浏览器支持文件系统 API）。
二、通过 GitHub 仓库快速启动
vscode.dev 支持以 URL 参数方式直接加载 GitHub 公共仓库，省去手动导入步骤，适用于快速查看或编辑开源项目源码。
1、构造目标仓库的 vscode.dev 链接，格式为：https://vscode.dev/github/{用户名}/{仓库名}。
2、将链接粘贴至浏览器地址栏并访问，例如：https://vscode.dev/github/microsoft/vscode。
3、首次访问时，浏览器会请求读取仓库内容权限，点击 “允许”。
仅从仓库的暂存文件生成 Git 提交消息。当用户要求 Codex 根据暂存更改、缓存差异、Git 索引或已通过 `git add` 添加的文件来编写、起草、创建或建议提交消息时使用；切勿代表用户执行提交操作。
4、加载完成后，左侧资源管理器将显示该仓库全部文件结构，双击即可编辑。
三、使用 GitHub Gist 打开单文件
对于轻量级脚本或配置片段，可通过 Gist ID 直接在 vscode.dev 中打开单个文件，适合临时调试或分享代码片段。
1、访问 https://gist.github.com 创建新 Gist 或复制已有 Gist 的 ID（URL 中最后一段字母数字组合）。
2、构造链接：https://vscode.dev/gist/{Gist_ID}。
3、在浏览器中打开该链接，编辑器将自动加载对应 Gist 的首个文件。
4、修改后可点击右上角 “保存” 按钮，将变更同步回原 Gist（需登录 GitHub 账户）。
四、启用离线缓存支持
vscode.dev 默认依赖网络连接，但可通过浏览器 PWA 功能实现部分离线能力，包括编辑已加载过的文件及保留最近工作区状态。
1、在 vscode.dev 页面中，点击浏览器右上角菜单（Chrome 为三点图标），选择 “安装 vscode.dev”。
2、确认安装后，桌面或应用坞将出现独立图标，启动时自动调用专用渲染进程。
3、在已打开的项目中进行编辑，关闭网络后仍可继续输入、保存本地副本。
4、重新联网后，若文件关联 GitHub 仓库，可手动触发 “提交更改” 同步至远程。
