编辑器设置
学习如何设置编辑器以获得 ShipSaaS 的最佳开发体验
ShipSaaS 为流行的 AI 编程工具（如 Codex、Claude Code 和 Cursor）提供了预配置设置。
AGENTS.md
ShipSaaS 模板内置了 AGENTS.md 文件，为 AI 编程助手（如 Codex 和 Cursor）提供项目上下文信息、开发指南和代码规范。
当您使用 Codex 或 Cursor 时，它们会自动读取该文件以理解项目结构，从而生成更准确的代码建议。
CLAUDE.md
模板还包含一个 CLAUDE.md 文件，专门为 Claude Code 提供支持。该文件与 AGENTS.md 作用相同——提供项目上下文、代码规范和开发流程说明——但格式针对 Claude Code 进行了适配。
当您在项目目录中运行 Claude Code 时，它会自动加载 CLAUDE.md 以理解您的项目。
Cloudflare Agent 集成
ShipSaaS 支持与 Cloudflare 的无缝集成，让你能通过 AI 编程助手直接部署到 Cloudflare。
Cloudflare 提供 Skills（可复用的技能包）和 MCP 服务器（Model Context Protocol），可与 AI 编码代理集成以实现部署到 Cloudflare。
| 代理 | 类型 | 支持的功能 |
|---|---|---|
| Claude Code | 终端代理 | Skills + MCP |
| Codex | 终端代理 | Skills + MCP |
| Cursor | AI IDE | Skills + MCP |
| GitHub Copilot | 编辑器扩展 + CLI | Skills + MCP |
| OpenCode | 开源终端代理 | Skills + MCP |
| Windsurf | 代理 IDE | Skills + MCP |
推荐 IDE 扩展
项目包含一个 .vscode/extensions.json 文件，当您在 VSCode 或 Cursor 中打开项目时，会提示您安装推荐的扩展。建议您选择立即安装，ShipSaaS 与以下扩展配合使用效果最佳：
Biome
Biome 是一个强大的 JavaScript 和 TypeScript 项目格式化和代码检查工具。它是 ESLint 和 Prettier 等工具的高性能替代品，在单个快速包中提供格式化和代码检查功能。
GitLens
GitLens 增强了 VSCode/Cursor 中的 Git 功能。它帮助您浏览 Git 仓库，查看提交历史，并直接在编辑器中比较更改。
EditorConfig
EditorConfig 帮助在不同编辑器和 IDE 之间维护一致的编码风格。它对于强制执行一致的代码格式和缩进规则特别有用。
Tailwind CSS IntelliSense
Tailwind CSS IntelliSense 为 Tailwind CSS 类提供自动完成建议、代码检查和悬停预览，让 Tailwind CSS 变得更加容易使用。
下一步
现在您的编辑器已配置好，探索这些相关主题：