vscode.dev 是微软官方在浏览器中直接运行的完整 VS Code 实例，基于 WebAssembly 与 Monaco 重构，支持多文件编辑、Git、调试及部分扩展；适合快速查改、跨设备协作与教学演示，但不支持原生编译与二进制插件。
VS Code Web 版（vscode.dev）不是远程桌面，也不是轻量副本，它是微软官方在浏览器中直接运行的、功能完整的 VS Code 实例——基于 WebAssembly 与 Monaco 编辑器深度重构，无需安装、不占本地资源，打开即用。
它能做什么？真实能力边界
vscode.dev 支持打开 GitHub 仓库、本地上传的文件夹（通过 File System Access API），甚至直接编辑 Gist 或 GitLab 项目。它已内置 Git 支持、基础调试（如 Node.js脚本断点）、TypeScript/JavaScript/Python/Markdown 等主流语言服务，并可启用部分扩展（如 Prettier、ESLint、Auto Import）。
- ✅ 支持多文件编辑、搜索替换、终端（Web Worker 版）、代码折叠与大纲视图
- ✅ 可连接 GitHub Codespaces 作为后端，获得完整 Node.js/npm 环境
- ⚠️ 不支持原生 C /C++ 编译、无法运行 VSIX 插件中的二进制组件（如 C ++ IntelliSense 服务器）
- ⚠️ 无本地文件系统直写权限（需用户主动授权目录），不能替代本地开发主环境
适合谁？三类典型使用场景
它不是“VS Code 的平替”，而是特定场景下的高效切入口：
- 快速查改代码：临时修复 GitHub PR 里的拼写错误、调试一个简单逻辑分支，5 秒内打开、改完、提交，全程不用切出浏览器
- 跨设备轻协作：在会议室平板、客户电脑或公司访客机上，用 vscode.dev 打开共享链接，和同事实时看同一份代码（配合 GitHub Live Share）
- 教学与演示：教师分享 vscode.dev + GitHub 仓库链接，学生零配置即可运行示例、查看结构、修改 HTML/CSS 即时预览
和 CodeSandbox Client 比，有什么不同？
两者都是浏览器 IDE，但定位差异明显：
- vscode.dev 是“VS Code 体验的 Web 投射”：强调编辑精度、Git 操作、语言语义（如 TS 类型跳转）、与 GitHub 生态原生打通；适合已有 VS Code 习惯的开发者做轻量任务
- CodeSandbox Client 是“Web 应用沙盒平台”：默认带运行时、预装依赖、一键预览、实时分享 URL；更适合 前端 原型、组件 Demo、教学沙盒
- 关键区别：vscode.dev 不自动启动 dev server，CodeSandbox 会；vscode.dev 可直接 commit 到 GitHub，CodeSandbox 需导出再推送
怎么用得更顺？几个实用技巧
别把它当玩具，稍加配置就能提升效率：
- 按 Ctrl+P 输入
>Open Remote Repository，粘贴 GitHub URL，直接打开任意公开仓库（含子模块） - 在地址栏末尾加
?ext=esbenp.prettier-vscode，可预加载 Prettier 扩展（支持部分扩展的 URL 参数注入） - 搭配 GitHub Personal Access Token，在设置里启用“GitHub Authentication”，即可私有仓库读写 + 提交
- 用
code-insiders://协议链接，可从网页一键唤起本地 VS Code（需提前注册协议）
基本上就这些。vscode.dev 不是要取代你的本地 VS Code，而是把它的核心能力，“裁”进浏览器这个最通用的入口里——用得巧，它就是你开发流里的“快捷键”。
