vscode for web 能在浏览器写代码，但需依赖 github codespaces 等后端服务，不支持调试、终端、本地 cli 工具及部分设置同步。
VSCode for Web 能不能直接在浏览器里写代码
能，但不是你想象中“打开网页就开写”的那种自由。VSCode for Web 是一个受限的只读/轻编辑环境，底层依赖服务端提供 vscode-web-server 或 GitHub Codespaces、Gitpod 等托管平台。它本身不运行完整 VS Code 桌面版的扩展主机，所以很多本地习以为常的能力压根不存在。
哪些功能在浏览器里根本用不了
别被界面迷惑——那个熟悉的 UI 只是壳。真正卡住你的是权限和架构限制：
-
launch.json和调试器（Debug视图完全禁用） - 任何需要文件系统写权限的扩展：比如
prettier自动保存格式化、eslint修复（除非后端提前配好 LSP 并开启 fix-on-save） - 终端（
Terminal面板不可用；GitHub Codespaces 里的是远程 shell，不是浏览器本地跑的） - 全局安装的 CLI 工具（
npm、git命令必须由后端提供，且路径不可自定义） -
settings.json的部分字段被忽略，比如"files.autoSave": "onFocusChange"在多数托管环境无效
怎么让 VSCode for Web 真正可用（不是摆设）
关键不在浏览器，而在你连的是谁家后端。GitHub Codespaces 是目前最接近“开箱即用”的方案：
- 确保仓库根目录有
.devcontainer/devcontainer.json，里面声明features（比如ghcr.io/devcontainers/features/node:1）来预装语言支持 - 把
settings.json放进.vscode/目录，并设置"editor.formatOnSave": true—— 这个只有后端 LSP 支持时才生效 - 避免依赖本地
node_modules：所有依赖必须通过devcontainer.json的postCreateCommand安装，或用features声明 - 调试要靠
devcontainer.json的customizations.vscode.debug字段注入配置，而不是手动点齿轮图标生成launch.json
为什么改了 settings 还没反应？常见同步陷阱
VSCode for Web 不读你本地的 settings.json，也不同步你的 VS Code 账户偏好。它只认三个地方的配置，优先级从高到低：
- 托管平台 UI 提供的设置面板（如 Codespaces 的 “Settings” 页）—— 修改后立即生效，但仅限平台开放的选项
- 工作区级
.vscode/settings.json—— 必须提交到 Git，且不能含桌面专属字段（如"window.zoomLevel"） - 用户级
settings.json（仅 Codespaces 支持，需在~/.vscode-server/data/Machine/settings.json，但普通用户无权访问）
最常踩的坑是：改了本地 VS Code 的设置，顺手点“同步”，结果浏览器里完全没变——因为同步数据根本不会下发到 Web 实例。
