al编程是什么 al编程能达到什么水平al编程工具lmgcookal官网

Ilmgcook(图像大厨)是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码(D2C,Design to Code)的平台,专注以Sketch.PSD、静态图片等形式的视觉稿作为输入,通过智能化技术一键生成可维护的前端代码,包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。

al编程是什么 al编程能达到什么水平al编程工具lmgcookal官网

lmgcook的主要功能

一键还原视觉稿

  • 从视觉稿中还原生成代码需要将视觉稿中的数据导出到 imgcook可视化编辑器中还原生成代码,支持两种方式:
    • ·第1种:打开Sketch/PSD文件,通过安装好的imgcook插件将设计稿中的图层信息导出,粘贴到可视化编辑器中。
    • ·第2种:在可视化编辑器中直接上传”导入” Sketch/PSD/图片文件,imgcook 会解析图层信息直接还原到编辑器中。

可视化编辑

  • 在imgcook可视化编辑器中,用户可以对视图编辑,比如支持动态表达式样式、设置循环、修改布局。还可以编写逻辑代码、绑定字段等。

生成代码

  • 官方有提供常用的DSL(React/Vue/小程序DSL等),点击下拉列表可切换使用其他DSL。如果有特殊诉求,你也可以自定义 DSL.
  • 代码确定后,可点击「导出」,你也可以使用VS code imgcook插件链路「导出」,此方式可以将整个模块代码文件生成到相应目录,直接继续使用VS code开发整个项目即可。导出后的代码到本地文件中,图片以相对路径的形式存放在 images文件夹下。

lmgcook的应用场景

  • imgcook目前支持各种场景的页面或模块的高度还原,您可以根据以下场景分类选择是否使用imgcook。
    • 移动端细粒度模块开发场景-特别推荐
    • ·移动端活动页-特别推荐
    • ·移动端全页面开发-推荐.
    • PC端toC应用-推荐.
    • PC端 toB应用
    • . PC端富交互应用-不推荐游戏场景-不推荐

如何使用imgcook插件?

  • 1.确保你已登录到imgcook 帐户。
  • 2.在Figma中,转到Plugins并选择imgcook,你应该看到一个新的导出窗口。
  • 3.选择任意文件图层组,然后点击”导出r。imgcook将弹出”导出成功,已复制到剪贴板!”提示弹出层,然后单击”转到粘贴”进行还原。
  • 4.imgcook将在新的浏览器选项卡中打开编辑器。将其粘贴并恢复到” ctr +v”编辑器中,然后另存为模块即可。

lmgcook是免费的吗?

  • lmgcook是完全免费的,用户可以使用其提供的Figma、Sketch、VSCode等插件来进行将设计稿免费转化为代码。

lmgcookal官网地址:

https://ml.huijiala.com/url-5646.htm

版权声明:本站文章大部分为原创,有小部分整理于自互联网。主要目的在于分享信息,版权归原作者所有,内容仅供读者参考。如有侵权请发送邮件至shenma006@gmial.com删除。备案号:晋ICP备2023001592号-1
(0)

相关推荐

发表回复

登录后才能评论