如何让 ai 更好的理解 uniapp? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
lyxxxh2
V2EX    程序员

如何让 ai 更好的理解 uniapp?

  •  
  •   lyxxxh2 32 天前 2738 次点击
    这是一个创建于 32 天前的主题,其中的信息可能已经有所发展或是发生改变。

    实现 stitch 导出的 html

    claude4

    https://i.postimg.cc/QCZp6kgc/ui-uniapp.png


    一开始我以为是没文档原因。

    • 之前让 claude 写 uniapp 的 scroll 一直写不出来
    • 于是我下载:uniapp-scroll.md
    • claude 就能完成需求了

    我下载全部文档,还是没发修复,尺寸一样各种问题。

    claude 写 uniapp 的,经常遇到按钮大的离谱吧。

    莫非是微信小程序自带的样式,claude 没训练过?

    deepseek 官网的 chat

    基础布局没错。

    这时候我想: uniapp 是国产的,国外模型训练少,还得用国内模型才行。

    如果花钱的,效果会更好吧? 于是我去火山测试。

    火山的 deepseekv3 和豆包

    https://i.postimg.cc/fLnGvpPC/doub.png

    看到<script>包含<style>???

    deepseekv3.1: 即使我跟他声明:tailwind css 需要转普通 css,他也不转。

    • 似乎是为了节省 token 一样,但是火山里面的 是收费的啊。

    最后我再去 deepseek 官网的 chat,开始变得垃圾 也一样乱答了。

    9 条回复    2025-09-10 15:25:19 +08:00
    lemonTreeTop
        1
    lemonTreeTop  
       32 天前   1
    context7 有文档,试试呢
    ezXE2V
        2
    ezXE2V  
       32 天前
    uniapp 除了尺寸单位是 rpx ,其他和 vue 的写法差不多吧。直接让 ai 按照 vue 的写法输出。如果你遇到什么不符合预期的样式,有可能是 uniapp 的“特性”了,这种得去文档里翻,去他们的论坛里搜。
    zhonghao01
        3
    zhonghao01  
       32 天前
    deepseek R1/v3 写 vue 代码简直是一坨。
    cvooc
        4
    cvooc  
       32 天前   2
    可以考虑更换 uni-app x, 有官方出的 AI Rules, 可以提升一些效果, 你图里的这些感觉是生成内容全部用的 px 导致的, 你得让 ai 按 rpx 输出尺寸

    https://doc.dcloud.net.cn/uni-app-x/tutorial/rules_mcp.html
    lyxxxh2
        5
    lyxxxh2  
    OP
       32 天前
    https://i.ibb.co/svs8Wbjm/1q.png
    加个`box-sizing: border-box;`就正常了。

    我以为 claude 不认识`scroll-view`
    https://i.ibb.co/5wxQL4m/ai.png

    就像偷懒的感觉,他懂 就是不继续思考。
    lyxxxh2
        6
    lyxxxh2  
    OP
       32 天前
    @lemonTreeTop
    https://i.ibb.co/zVNXMDnc/mcp-c.png

    用了 context7, 这次布局很不错。
    realpg
        7
    realpg  
    PRO
       32 天前
    专门编程的 AI 基本对 uniapp 的理解都很透彻了 你只需要告诉他这是个 uniapp 项目 你要编译哪些端就可以了
    但是对 uniappX 不行 还是会瞎鸡儿写 应该是太新了 知识库没有
    lyxxxh2
        8
    lyxxxh2  
    OP
       30 天前
    claude 不能一次性处理复杂逻辑。
    我让它实现 ui,并请求接口 渲染页面。
    页面乱七八糟的。
    ***
    我只能单独让它先实现 ui 。

    效果很不错,跟 ui 一模一样。
    最后再让它对接接口。

    cluade 肯定限制性能了。
    lyxxxh2
        9
    lyxxxh2  
    OP
       30 天前
    绝对 tm 限制性能了。
    刚刚让 cluade 改新页面。

    ***
    提示词:
    ## ui 设计
    docs/order_detail.html 是 ui 导出的 html,我需要你完美实现它。
    由于 ui 用的 tailwindcss,因此你转换时需要注意。
    要一模一样的,颜色设计 布局等等。
    注意:
    1. tailwindcss 在 uniapp 是不支持的 需要转换成普通 css
    2. svg 在微信小程序也是不支持的,你 base64,用 background
    ***
    结果:
    1. 字体颜色他不管,全黑。
    2. svg 转 image 全错。

    我再次说:"颜色你没改一模一样 svg 也是没显示出来"
    他就全改正常了,claude 想一次性改完,是不可能的。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     870 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 21:11 PVG 05:11 LAX 14:11 JFK 17:11
    Do have faith in what you're doing.
    ubao 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