不懂就问,前后端分离的项目,如何利用 AI IDE 最佳实践呢? - V2EX
请不要在回答技术问题时复制粘贴 AI 生成的内容
JShen

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

  •  
  •   JShen Nov 26, 2025 3639 views
    This topic created in 167 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
        1
    shakukansp  
       Nov 26, 2025   1
    放到一个目录下面,cursor 开上级目录
    WindProtect
        2
    WindProtect  
       Nov 26, 2025
    这个时候 Monorepo 的优势就来了
    111111111111
        3
    111111111111  
       Nov 26, 2025   1
    如果是 HTTP 接口
    后端输出 openapi.json
    前端读取 openapi.json
    Lanterns
        4
    Lanterns  
       Nov 26, 2025
    同一楼
    puppyxxx
        5
    puppyxxx  
       Nov 26, 2025
    放一起不就好了,能有啥问题,告诉 AI 怎么做就好了
    Pters
        6
    Pters  
       Nov 26, 2025
    放到一个目录下面,cursor 开上级目录
    jigi330
        7
    a href="/member/jigi330" class="dark">jigi330  
       Nov 26, 2025   1
    从 vscode 系列产品来讲,都有一个 "file" -> "add folder to workspace" 的功能,不会都没用过吧,直接在 workspace 里开两个文件夹,搁一块问不就行了。
    lscho
        8
    lscho  
       Nov 26, 2025 via Android
    竟然没人提 mcp 吗?后台开发完了调用 mcp 把接口文档更新一下,前端用 mcp 调用接口文档就行啊
    onll42y
        9
    onll42y  
       Nov 26, 2025
    我认为 AI 时代,一个人做开发,不涉及人员协作的话,尽量不要前后端分离,回归服务端模版渲染时代。页面逻辑可以用 vue 或 alpine.js 处理
    YangJiLei
        10
    YangJiLei  
       Nov 26, 2025
    现在的 AI 编辑器真可以直接大型项目生成了吗。没用过,不是很懂。
    NASK
        11
    NASK  
       Nov 26, 2025
    @shakukansp #1 学到了,我就说 v 站能学到新东西
    JShen
        12
    JShen  
    OP
       Nov 26, 2025
    @jigi330 你是对的。idea 系列的只能 parent 目录了。
    JShen
        13
    JShen  
    OP
       Nov 26, 2025
    @onll42y 公司级别的项目
    hubianluanma
        14
    hubianluanma  
       Nov 26, 2025
    服务端在开发过程中利用 AI 生成相关接口的请求文档.md 然后前端 AI 工具根据这份文档和描述进行开发,目我的工作是这样子的。
    如果多人协同情况下起始可以将这份文档维护在一个公共可以访问到的地方,利用 mcp 随时更新,前端在实现功能时实时访问。
    cvbnt
        15
    cvbnt  
       Nov 26, 2025
    你用 idea ,肯定要把项目扔到一个文件夹下,再配合 AUGMENT 插件,claude code 就齐活了
    llllk
        16
    llllk  
       Nov 27, 2025
    不是很复杂的修改,我是放进同一个会话,后端写完之后,在前端项目里 codex resume 恢复会话。还是挺方便的
    asd999cxcx
        17
    asd999cxcx  
       Nov 27, 2025
    @JShen idea 装一个 Multi-Porject Workspace 插件,就可以做到和 vscode 工作区一个效果了
    reatang
        18
    reatang  
       Nov 27, 2025
    看一看 契约驱动编程 的概念吧
    JShen
        19
    JShen  
    OP
       Nov 27, 2025
    @reatang Antigravity 目前应该就是这种,先根据 Prompt 生成 plan ,然后让你 Reveiw ,Review 后,按照 task 按步骤执行
    Priders
        20
    Priders  
       Nov 27, 2025
    我是简单处理:每个项目分开,在一个项目里面软连接一下即可。
    woldfoll
        21
    woldfoll  
       Nov 27, 2025 via iPhone
    @111111111111 对于 AI 开说,感觉都不需要 OpenAPI 了
    Gilfoyle26
        22
    Gilfoyle26  
       Nov 28, 2025
    @NASK #11 这还用学么,不是自然而然就想到的么
    unco020511
        23
    unco020511  
       Nov 28, 2025
    两种方式:
    1: 输出接口文档,mcp 读取接口文档(比如 apifox 提供了 mcp)
    2: workspace,一般的 ide 都有 workspace 概念,可以包含你的各种端的工程代码,这样 ai 就可以读取你的全部代码了
    NASK
        24
    NASK  
       Dec 1, 2025
    @Gilfoyle26 #22 回错楼层了,想回的是 7 楼的这个 add folder to workspace 功能
    About     Help     Advertise     Blog     API     FAQ     Solana     3356 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 82ms UTC 13:57 PVG 21:57 LAX 06:57 JFK 09:57
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86