• 请不要在回答技术问题时复制粘贴 AI 生成的内容
JShen
V2EX  ›  程序员

不懂就问,前后端分离的项目,如何利用 AI IDE 最佳实践呢?

  •  
  •   JShen · Nov 26, 2025 · 4757 views
    This topic created in 348 days ago, the information mentioned may be changed or developed.

    比如后端修改了协议 API ,新增表 or 修改 DDL ,吐出的协议发生变化,我们一般开发完后端后,再去调试前端,怎么把 Prompt 的上下文,给到前端项目用起来呢。

    我之前的做法是开发完毕后端,然后把后端的协议贴到前端项目,这里不可避免的很多上下文切换。和频繁的复制一些 参数 or uri or 协议。感觉些许繁琐。

    请教各位 V 友

    24 replies  •  2025-12-01 10:50:59 +08:00
    shakukansp
    shakukansp
    Nov 26, 2025❤️1
    1
    放到一个目录下面,cursor 开上级目录
    WindProtect
    WindProtect
    Nov 26, 2025
    2
    这个时候 Monorepo 的优势就来了
    111111111111
    111111111111
    Nov 26, 2025❤️1
    3
    如果是 HTTP 接口
    后端输出 openapi.json
    前端读取 openapi.json
    Lanterns
    Lanterns
    Nov 26, 2025
    4
    同一楼
    puppyxxx
    puppyxxx
    Nov 26, 2025
    5
    放一起不就好了,能有啥问题,告诉 AI 怎么做就好了
    Pters
    Pters
    Nov 26, 2025
    6
    放到一个目录下面,cursor 开上级目录
    sudowang
    sudowang
    Nov 26, 2025❤️1
    7
    从 vscode 系列产品来讲,都有一个 "file" -> "add folder to workspace" 的功能,不会都没用过吧,直接在 workspace 里开两个文件夹,搁一块问不就行了。
    lscho
    lscho
    Nov 26, 2025 via Android
    8
    竟然没人提 mcp 吗?后台开发完了调用 mcp 把接口文档更新一下,前端用 mcp 调用接口文档就行啊
    onll42y
    onll42y
    Nov 26, 2025
    9
    我认为 AI 时代,一个人做开发,不涉及人员协作的话,尽量不要前后端分离,回归服务端模版渲染时代。页面逻辑可以用 vue 或 alpine.js 处理
    YangJiLei
    YangJiLei
    Nov 26, 2025
    10
    现在的 AI 编辑器真可以直接大型项目生成了吗。没用过,不是很懂。
    NASK
    NASK
    Nov 26, 2025
    11
    @shakukansp #1 学到了,我就说 v 站能学到新东西
    JShen
    JShen
    OP
    Nov 26, 2025
    12
    @jigi330 你是对的。idea 系列的只能 parent 目录了。
    JShen
    JShen
    OP
    Nov 26, 2025
    13
    @onll42y 公司级别的项目
    hubianluanma
    hubianluanma
    Nov 26, 2025
    14
    服务端在开发过程中利用 AI 生成相关接口的请求文档.md 然后前端 AI 工具根据这份文档和描述进行开发,目前我的工作是这样子的。
    如果多人协同情况下起始可以将这份文档维护在一个公共可以访问到的地方,利用 mcp 随时更新,前端在实现功能时实时访问。
    cvbnt
    cvbnt
    Nov 26, 2025
    15
    你用 idea ,肯定要把项目扔到一个文件夹下,再配合 AUGMENT 插件,claude code 就齐活了
    llllk
    llllk
    Nov 27, 2025
    16
    不是很复杂的修改,我是放进同一个会话,后端写完之后,在前端项目里 codex resume 恢复会话。还是挺方便的
    asd999cxcx
    asd999cxcx
    Nov 27, 2025
    17
    @JShen idea 装一个 Multi-Porject Workspace 插件,就可以做到和 vscode 工作区一个效果了
    reatang
    reatang
    Nov 27, 2025
    18
    看一看 契约驱动编程 的概念吧
    JShen
    JShen
    OP
    Nov 27, 2025
    19
    @reatang Antigravity 目前应该就是这种,先根据 Prompt 生成 plan ,然后让你 Reveiw ,Review 后,按照 task 按步骤执行
    Priders
    Priders
    Nov 27, 2025
    20
    我是简单处理:每个项目分开,在一个项目里面软连接一下即可。
    woldfoll
    woldfoll
    Nov 27, 2025 via iPhone
    21
    @111111111111 对于 AI 开说,感觉都不需要 OpenAPI 了
    Gilfoyle26
    Gilfoyle26
    Nov 28, 2025
    22
    @NASK #11 这还用学么,不是自然而然就想到的么
    unco020511
    unco020511
    Nov 28, 2025
    23
    两种方式:
    1: 输出接口文档,mcp 读取接口文档(比如 apifox 提供了 mcp)
    2: workspace,一般的 ide 都有 workspace 概念,可以包含你的各种端的工程代码,这样 ai 就可以读取你的全部代码了
    NASK
    NASK
    Dec 1, 2025
    24
    @Gilfoyle26 #22 回错楼层了,想回的是 7 楼的这个 add folder to workspace 功能
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4052 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 73ms · UTC 07:55 · PVG 15:55 · LAX 23:55 · JFK 02:55
    ♥ Do have faith in what you're doing.