V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
JShen
V2EX  ›  程序员

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

  •  
  •   JShen · 11 天前 · 2407 次点击

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

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

    请教各位 V 友

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