开篇：为什么用Claude Code造一个MD编辑器？
1. 前置准备：环境与工具确认 在开始编码前，请先确认你正运行在支持代码执行的 Claude 环境中——这不是传统意义上的“本地开发”，而是利用 Anthropic 提供的智能沙箱能力，全程在浏览器或桌面客户端内完成构建、调试与迭代。关键认知：✅ 无需安装 Claude 模型，无需配置 Python/Node 环境，甚至不需要 npm install。Claude Code（即 Claude 3.5 Sonnet 在「Code」模式下）已内置完整 JavaScript 运行时、文件系统模拟（localStorage、fetch、DOM API）及 CDN 资源加载能力。 ✅ 推荐平台清单（实测可用） Cursor v0.48+：启用「Claude Code」模型后，默认激活 Code Interpreter 插件，支持 .html 文件实时预览与 DOM 操作 Continue.dev v0.27+：在 config.json 中设置 "model": "claude-3-5-sonnet-20240620"，并开启 codeInterpreter: true Claude Desktop（Beta）：macOS/Windows 官方桌面版，需在设置中开启实验性功能 → 「Enable Code Interpreter」 Claude in Browser（claude.ai）：⚠️ 仅当右下角出现「Code Interpreter」图标（⚡）且可点击时才可用；首次使用需手动开启（Settings → Experimental Features） ❌ 明确排除场景 纯网页版 claude.ai（未开启 Code Interpreter）：不支持 localStorage 写入、无法加载外部 CDN、无 document 对象访问权限 移动端 Claude App：暂不支持代码执行沙箱 使用 claude-3-haiku 或 claude-3-opus 模型：它们默认不启用 Code Interpreter 模式，必须显式切换为 claude-3-5-sonnet 并确认沙箱就绪 快速验证环境就绪 在 Claude Code 输入框中粘贴并运行以下命令（无需回车，Claude 会自动执行并返回结果）： ...