VSCode for Web 是无需安装的浏览器端代码编辑器，支持通过 vscode.dev 或 GitHub Codespaces 访问，可启用 Web 兼容扩展、使用 WebContainer 终端，并需手动保存或提交代码以防丢失。
如果您希望在不安装本地软件的情况下使用功能完整的代码编辑器，VSCode for Web 提供了直接在浏览器中运行的轻量级开发环境。以下是启动并高效使用该环境的操作说明：
本文运行环境：MacBook Air，macOS Sequoia。
一、访问 VSCode for Web 官方入口
VSCode for Web 由 GitHub Codespaces 和 vscode.dev 提供官方支持，两者均基于 WebAssembly 构建，无需下载或配置即可加载核心编辑功能。
1、打开任意现代浏览器（推荐 Chrome 或 Edge 最新稳定版）。
2、在地址栏输入 https://vscode.dev 并回车，页面将加载 Web 版 VSCode 界面。
3、如需连接远程仓库，点击左上角“Open a Remote Repository”，粘贴 GitHub 仓库 URL。
二、通过 GitHub Codespaces 启动预配置环境
GitHub Codespaces 提供完整后端运行时与扩展支持，适合需要调试、终端和依赖管理的项目。
1、登录 GitHub 账户并导航至目标仓库主页。
2、点击绿色代码按钮，选择 Open with Codespaces 选项。
3、首次使用时系统将自动创建新 Codespace，等待状态栏显示 “Ready” 即可开始编码。
三、启用常用扩展支持
VSCode for Web 支持部分扩展以增强语法高亮、智能提示与格式化能力，但仅限于标记为“Web-compatible”的扩展。
根据 package.json 中的 engines 字段自动检测 Node.js 版本需求，未安装 nvm 时自动安装并切换至对应版本。支持 Windows、macOS、Linux。适用于 Node.js 项目开发、版本切换和环境配置。
1、点击左侧活动栏中的扩展图标（四个方块组成的图标）。
2、在搜索框中输入 Prettier 或 ESLint 等关键词。
3、查找扩展详情页中标注有 "Runs on: Web" 的版本，点击 Install 按钮。
四、使用内置终端与文件系统
Web 版本终端基于 WebContainer 技术实现 Node.js 运行时沙箱，支持 npm 命令与脚本执行，文件系统则映射为内存内虚拟卷。
1、按下 Ctrl+Shift+`（Windows/Linux）或 Cmd+Shift+`（macOS）唤出集成终端。
2、输入 npm init -y 创建基础 package.json 文件。
3、右键资源管理器空白区域，选择 New File 或 New Folder 添加项目结构。
五、保存与同步代码更改
所有编辑内容默认驻留在浏览器内存中，关闭标签页前必须显式导出或提交至远程仓库，否则更改将丢失。
1、点击菜单栏 File → Save As 将当前文件下载到本地磁盘。
2、若已连接 GitHub 仓库，点击源代码管理视图中的加号图标暂存修改，再点击对勾图标提交。
3、提交前务必填写 Commit message，否则无法完成推送操作。
