V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
2214962083
V2EX  ›  分享创造

截图 UI 直接在 VSCode 粘贴为代码!

  •  1
     
  •   2214962083 · 114 天前 · 1646 次点击
    这是一个创建于 114 天前的主题,其中的信息可能已经有所发展或是发生改变。
    非常激动,我为我的 VSCode 扩展 Aide 添加了截图 UI 直接粘贴为 HTML/JSX/Flutter 代码的功能:

    1. 该功能是为了辅助开发人员,不是替代开发全流程。你可以将一小部分 UI 转换为结构代码,然后手动调整样式。

    2. 适用于任何编程领域,如将数据库设计图转换为 SQL 代码,主要依靠 AI 理解你的意图。

    3. OpenAI 的模型对中文图片识别支持较一般。

    4. 需要在设置中启用 aide.readClipboardImage ,并确保使用的模型支持图片识别,部分国产模型可能不支持。

    实际使用建议:
    对于前端,我推荐是每次截取一小部分 UI 粘贴为 jsx ,让它辅助你实现 div 结构就好,样式自己补,这是最实用的用法

    开源地址: https://github.com/nicepkg/aide
    该功能文档: https://aide.nicepkg.cn/zh/guide/features/smart-paste
    视频演示: https://b23.tv/373JwUr
    1 条回复    2024-07-28 15:00:56 +08:00
    niubiman
        1
    niubiman  
       111 天前   ❤️ 1
    挺好
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2617 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 10:51 · PVG 18:51 · LAX 02:51 · JFK 05:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.