当你掌控局面时，AI编码助手与TinaCMS的配合效果最佳。本指南展示了如何将AI作为合作伙伴，而不是领航员。

1. 设置舞台

创建一个环境，让你的AI助手大放异彩：

1.1 使用集成AI的IDE

使用支持内联AI辅助的现代IDE。
我们推荐使用Visual Studio Code，搭配GitHub Copilot或其他内联AI工具，如Cursor。

1.2 设置你的文件夹结构

在生成任何代码之前，创建一个干净的文件夹来存放你的项目。 这有助于AI理解新文件应该放在哪里，并保持你的工作空间井然有序。

1.3 使用TinaCMS入门套件

AI在有上下文时效果最佳。拥有模板为其提供了一些代码以供参考。请按照我们的官方指南进行操作，或让你的助手为你完成：

请使用以下命令设置TinaCMS入门模板：npx create-tina-app@latest

安装后，探索生成的文件，以便了解TinaCMS是如何连接在一起的。 你的AI助手将在后续提示中自动引用此结构，因此你对起点了解得越多，方向就越明确。

提示： 查看 SSW的更好AI开发规则

2. 分块构建

AI在处理小而集中的任务时效果最佳。与其要求*“整个项目”*，不如将工作分解为可管理的、自成一体的步骤，可以逐一测试和完善。

这种方法有助于你的助手保持上下文，减少错误的可能性，并使调试更加容易。

2.1 从小处开始

与其提示你的助手“构建一个博客网站”，不如从一个功能或组件开始。如果你知道自己想要什么，可以使用类似这样的提示：

请创建一个允许在博客文章上评论的组件。它应该使用Giscus，配置设置应存储在全局配置文件中，以便在所有评论块中重用。

这定义了范围和结构，帮助AI生成准确的、上下文感知的代码。

2.2 逐个功能迭代

一旦一个组件或模式正常工作，就继续下一个逻辑部分。通过一次构建一个功能，你的AI助手逐步学习你的项目结构，并在坚实的基础上构建。

2.3 使用AI进行头脑风暴

如果你还不确定需要什么，可以请你的助手帮助头脑风暴可能的内容结构或可重用的块。

例如：

为TinaCMS中的长篇文章布局建议五个有用的块。

2.4 早期验证

在每个功能完成后，运行你的开发服务器并验证组件是否正确渲染和工作。

验证得越早，后续调试大型组合更改所花费的时间就越少。

3. 提前提交，在AI放飞自我之前

AI快速且自信，有时过于自信。它可能会：

• 重命名不应触碰的内容
• “清理”实际上在执行重要功能的代码
• 重新格式化整个文件

为了安全起见：

• 在大规模AI编辑之前提交，创建一个“保存点”。
• 如果你在探索新想法，先创建一个新分支
• 将AI输出视为原型；易于尝试，易于恢复

这保护了你的进度。如果AI偏离轨道，你可以重置，而不是解开混乱。

4. 测试与迭代

你的工作不是盲目接受建议，而是引导。

AI通常能让你接近目标，但很少在第一次就完美。 将每个输出视为草稿。

• 如果建议接近：接受、调整和完善
• 如果偏离：添加更多细节并重新生成
• 如果忘记了Tina：明确提醒它：这是使用TinaCMS的，请遵循其组件模式。

即使是调试也可以是合作。与其独自盯着错误，不如与AI助手分享：

在对评论系统进行更改后，模块不再渲染。 这是错误：{{error}} 可能是什么原因导致的，我该如何修复？

AI不一定总能解决问题，但通常会指引你朝正确的方向前进。利用这些反馈保持进度，而不是陷入困境。

5. 当它卡住时

当AI开始重复或偏离轨道时，重置提示。

要重置：

1. 删除杂讯。 清除任何破损或令人困惑的建议。
2. 写下一句清晰的句子，说明你接下来想要的结果。

这一行清晰的描述通常足以让它重新对齐。

最后的思考

AI不会为你构建网站，但会与你一起构建。
你的工作是通过理解Tina的模式、提供清晰的提示并保持动手来保持其朝正确方向前进。

小步构建。频繁提交。自信迭代。