了解如何借助编码智能体进行高效的全栈编程。图片由ChatGPT生成

大多数应用程序通常分为独立的前端和后端。前端负责处理用户所看到的内容，而后端则负责所有逻辑和处理工作。这种职责分离是自然而然的，大多数平台都采用这种方式，因为它效果很好。

然而，当你对应用程序进行更改时，往往需要同时修改前端和后端。这时，全栈工程师就派上用场了：这类工程师既精通前端又熟悉后端。

同时处理前端和后端可能会面临挑战，原因有很多：

它们通常用不同的语言编写：前端使用Typescript，后端使用Python。 你必须处理权限和身份验证，并应对诸如CORS错误之类的挑战。 它们位于不同的存储库中，并且是单独部署的。

我将探讨如何借助编码智能体成为一名高效的全栈工程师，以及我在日常工作中所采用的具体技巧。图片由Gemini提供

随着编码代理的发布，同时处理前端和后端代码变得更为简单。在本文中，我将概述我日常如何同时处理前端和后端代码，并确保这两个系统无缝集成。

为什么同时从事前端和后端工作

你同时处理前端和后端代码，纯粹是出于必要。假设你想在应用中添加一项新功能：用户可以存储他们的AI聊天机器人对话，并在日后随时访问这些对话。

此功能只需对前端和后端进行相应修改。你需要更新前端以显示之前的对话，同时后端也需要负责对话的存储与检索。因此，你无法仅单独处理前端或后端代码。

此外，作为一名工程师，同时涉足前端和后端通常会更高效。试想一下，如果你需要实现人工智能聊天机器人对话功能，却只负责前端开发，那么你首先得完成前端部分的开发，然后再与另一位后端工程师协调如何存储这些对话。你不得不花时间进行沟通讨论：

用于存储对话的模式。 应该包含哪些数据？ 端点应该叫什么名字？

这超级耗时。如果你曾在流程化的软件工程环境中工作过，就会知道这需要花费多少时间。

相反，如果你独自完成这项工作，就无需进行任何协调，可以以更快的速度推进。

有效处理前端和后端代码的技巧

在本节中，我将介绍一些我用于高效处理前端和后端代码的技巧。随着一款超级高效的编码助手的问世，这一切变得简单多了，你无需同时具备丰富的前端和后端代码经验，也能轻松胜任工作。

使用工作区

在处理多个代码库时，工作区是一项功能强大得令人难以置信的特性。你可以通过Cursor的“添加工作区”功能实现这一操作，或者使用任何CLI工具，只需将代理指向你希望使用的代码库即可。现在，模型将同时具备相关代码库的上下文信息，从而能够一次性实现全栈解决方案。

工作区真是太棒了。在发现它之前，我习惯同时打开两个独立的Cursor标签页：一个用于前端代码，另一个用于后端代码。然后，我在前端做一次修改，再手动更新后端，以适应该新变化。

难怪我花了那么久才上线新功能。现在，我只需简单地提醒我的助手按照一些指示更新前端，它就会自动用相应的代码更新后端，以接受前端的改动。当然，这种操作反过来也一样适用。

单体仓库

单体仓库也极其强大。单体仓库的对立面是将所有代码分散到不同的仓库中（通常称为微服务）。根据我的经验，这种方式效果并不理想，因为它只会让你和你的编码人员更难追踪各个部分的具体位置。

相反，我强烈建议将所有内容迁移到单体仓库，这样你的所有代码都集中在一个代码库中。这样一来，你就能轻松地制定各种规则，比如提交前的钩子脚本，这些规则适用于整个代码库，而无需在多个仓库之间重复配置。此外，你还可以轻松地创建涵盖并解释整个仓库的AGENTS.md文件，以便各团队成员能够轻松掌握所有内容的位置和状态。

如果你的所有代码都位于一个单体仓库中，那么你也不需要使用工作区，正如我在上一节所描述的那样。然而，前端/API代码采用单体仓库，而更复杂的处理（例如运行代理或进行文档处理）则放在单独的仓库中，这种情况相当常见。因此，你通常还是不得不使用工作区。

作为上下文的AGENTS.md

另一个非常重要的提示是，要积极使用并更新AGENTS.md。虽然AGENTS.MD有许多替代方案，比如CLAUDE.md、WARP.md或cursorrules，但根据我的经验，无论你使用哪一种，所有编码助手都会阅读AGENTS.MD。

因此，我建议使用AGENTS.md，因为如果将来你需要更换代理，或者你的同事使用不同的代理，大家都能同样受益。

你可以在仓库根目录下创建一个AGENTS.md文件，为仓库提供高层次的概览，类似于README。该文件可以向代理说明哪些文件夹包含哪些逻辑，从而帮助代理更轻松地浏览代码。

此外，你还可以在所有子文件夹中都放置AGENT.md文件。例如，如果你在一个文件夹中有一个服务，你可以在那里创建一个AGENTS.md文件，用来说明该服务的工作原理，或需要留意的任何特殊事项。

我还想补充一点：每当你对代码进行修改时，请务必更新AGENTS.md文件。例如，你可以提示你的编码助手根据它上一次会话中所学的内容，为你更新相关的AGENTS.md文件，它会自动添加重要注释。当然，别忘了也将这些更改推送到GitHub，以便你的同事也能从你积累的知识中受益。

结论

在本文中，我探讨了如何高效地同时处理前端和后端代码。我首先解释了为何掌握前后端开发技能至关重要，并强调这通常是完成任务更有效的方式。此外，我还详细介绍了自己用于高效协作前后端的一些技巧，包括工作区、单体仓库以及AGENTS.md的使用方法。

我相信，未来我们所有人都将成为全栈工程师。毕竟，编码智能助手的效率之高令人瞩目。人类工程师的工作将仅仅在于以最高效的方式协调所有这些智能助手，从而以最佳、最省时的方式解决最关键的问题。