CodeFun初探

最新推荐文章于 2023-08-23 14:28:03 发布
最新推荐文章于 2023-08-23 14:28:03 发布
阅读量2.5k 收藏 4
点赞数 3
分类专栏： 知识扩展 文章标签： ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43575775/article/details/129004202
版权

CodeFun初探

官网：

CodeFun - UI 设计稿智能生成源代码CodeFun 是 UI 设计稿智能生成源代码工具，使用 CodeFun，10 分钟完成 8 小时工作量。插件上传设计稿便可立即获取源代码，智能生成让程序员买单的代码，如手写般的代码。https://code.fun/

目录

CodeFun初探

一、psd处理

 二、生成代码

 三、npm run eject 打开webpack配置

 四、npm run start 运行

一、psd处理

文档：插件端 AI 策略设置 | CodeFun 文档

操作步骤：

  1. 选中当前psd的图层
  2. 对选中图层进行标记
  3. 标记为 切图 会生成为图片
  4. 标记为 保留当前分组 会以当前psd图层信息为优先
  5. 其余为未标记的会以ai来判断，不会保留psd的分层信息


 

 

 二、生成代码

 

 三、npm run eject 打开webpack配置

 四、npm run start 运行

 

肥肥呀呀呀
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
CodeFun进阶指南 | 在线预览
CodeFunTeam的博客
04-21 777
本期内容，想在这里给大家分享 CodeFun 上线的功能： 在线预览，预览的作用是能够看到设计稿转化成代码之后的运行效果，用户根据这个效果进行后续的优化和调整。接下来，我们就一起来看看吧！ 在工具中预览 从 Sketch 导入到项目之后，进入某个页面的详情页中便可与进行预览。除了预览之外，这个界面功能十分丰富，在这个界面中你可以可看到页面的层级、元素的样式等信息，也可以设置页面的交互操作，只要和页面的设置相关的功能都会在这个界面中。 微信小程序 假如生成的是微信小程序代码，这个章节介绍如何对其进行预
CodeFun
02-16
TinDog起始文件
CodeFun:数据结构（SwordOffer，LeetCode），深度学习（Tensorflow，Keras，Pytorch），机器学习（sklearn，spark），AutoML，AutoDL，ModelDeploying，SQL
05-04
MachineLP： 其实事物发展有自己的潮流和规律，当你身处潮流之中的时候，要紧紧抓住潮流的机会，想办法脱颖而出，即使没有成功，也会更加洞悉时代的脉搏，收获珍贵的知识和经验。而如果潮流已经退去，这个时候再去往这个方向上努力，只会收获迷茫与压抑，对时代、对自己都没有什么帮助。 但是时代的浪潮犹如海滩上的浪花，总是一浪接着一浪，只要你站在海边，身处这个行业之中，下一个浪潮很快又会到来。你需要敏感而又深刻地去观察，略去那些浮躁的泡沫，抓住真正潮流的机会，奋力一搏，不管成败，都不会遗憾。 切记：求精不求多，有舍才有得；不做旁观者，不拒绝身边的任何小事。 欢迎加微信：lp9628。  因为相信所以遇见，有时候你我相遇不一定是巧合。 01 - 01 - 02 - 03 - 该部分包含基础的语法和代码，可以快读上手，并且可根据自己的需求自行查看需要了解的基础知识。 02 - 01 - 02 - 03
CodeFun如期而至
baidu_39135917的博客
07-13 9834
背景 将设计稿转代码是前端工程师日常不断重复的工作，这部分工作复杂度较低但工作占比较高，往往又比较枯燥繁琐，有时候开发迭代周期短，静态页面又多，常常让有些前端开发苦不堪言！ 那么，有没有一款设计稿自动生成代码的工具，减少前端工程师的工作量，提升开发效率？ 本文推荐一款前端代码自动生成的神器CodeFun，能够完美生成可读性很高的代码，目前支持微信小程序端、移动端H5和混合APP等。也就是说，通过这款工具，设计师再也不用还原走查了，测试再也不用适配样式了，前端开发再也不用切图写样式了，这不就是我们期待已久的神
Leetcode最小费用旅行-Codefun:码趣
07-01
Leetcode最小费用旅行 Codefun 1 语言 c# 闭包 反射 委托 委托在内存中是什么结构 委托是类还是方法 2 数据结构 枚举类IEnumertor的实现 数组 List 内部实现 List内部基础数据结构是数组，构造时默认数组大小为0 每次Add时，都会判断是否需要扩容， 数组为空时，扩容时增加4个大小；数组不空时，每次扩容翻一倍，如果一倍超过int最大值，则仅扩1个大小 每次扩容时，会new新数组，并且进行数组拷贝，将旧数组拷贝到新数组中 Remove、Insert等都会引发拷贝操作 字典 Dictionary 内部实现 集合 HashSet 内部实现 HashSet内部基础结构是数组，构造参数为零时不会分配内存 Hashtable Hashtable 内部实现 基础数据结构是bucket, bucket数组来存储数据 new Hashtable(): capacity 初始化大小为 大于 3 / 0.72 的素数 = 5 即存储桶 bucket[5] buckets 初始化大小为5 负载大小为 loadsize = 5 * 0.72 = 3 即buckets大小超过
leetcode题库-CodeFun:码趣
06-29
leetcode题库 leetcode上面的题目，每天一题，从易到难，目标是把题目完成，即使是暴力解法n2时间复杂度也没关系，完成比做出最优解更重要。 ...写对应的题目，运行代码，检查是否通过所有用例 在leetcode提交代码，...
codefun apk安装包 一个前端友好低代码平台
04-12
codefun apk安装包 一个前端友好低代码平台
CodeFun:存放代码示例的地方
04-29
CodeFun 一个存放代码示例的地方。
Code-For-Fun:有趣的代码
07-03
内核代码代码库 在这里，我将分享我的一些代码以供娱乐。
CodeFun 推出 PaaS 服务，携手腾讯 CoDesign 赋能前端
Authing的博客
11-08 308
Authing 新签约客户！
Figma生成代码、生成小程序代码、生成vue代码、codefun插件
weixin_46265708的博客
08-23 7028
figma生成微信小程序代码、figma生成vue代码、figma生成react代码、figma生成taro代码
实战案例：如何使用CodeFun快速生成小程序码
CodeFunTeam的博客
02-10 1752
CodeFun 简介 CodeFun 是一款 UI 设计稿智能生成源代码的工具，可以将 Sketch、Photoshop、Figma、XD 的设计稿智能转换为前端源代码。它最大的特色是： ▪ 精准还原设计稿，不再需要反复 UI 走查 ▪ 可以生成如工程师手写一般的代码 在日常工作中，诸如像扣像素、调布局这些繁琐、枯燥的体力活都将得到极大的削减，原来8小时的工作量只需要10来分钟即可完成。 使用 CodeFun 实现一个行业 vip 系统的小程序，时间比较紧急，页面有赠送会员，会员中心等相...
CodeFun-UI 设计稿智能生成前端源代码
会飞的咕咕鱼的博客
08-12 7600
现在市场对前端开发工程师的要求越来越高，前端还原设计稿已经是最基本且不可避免的力气活了。在前端领域，想提升，就需要不断的学习。但是学习的时间哪里来呢？提高工作效率是正解，让你的24小时更有意义。 CodeFun这个UI 设计稿智能生成前端源代码的工具，为我们提高工作效率，减少力气活节省了很多时间，用这些时间来做更有意义的事岂不是更香嘛。（膜拜解放CodeFun开发团队） 使用： 1.官网注册登录（https://code.fun/） 2. 创建项目 3. 上传设计稿 目前 PSD .
你到底是前端人还是搬砖人？推荐一款国产摸鱼神器！
快跑啊小卢的博客
09-21 1961
做前端，不搬砖！
真效率神器！UI 稿智能转换成前端代码，准确率达99%
LuckyWinty的博客
11-17 3444
在这充满网络促销活动的几个月，倍感压力的，除了你的口袋，是否还有程序员的发量呢？每年的双十一、双十二购物狂欢节，各大电商平台都会上线让消费者充满购买欲望的活动页面，而这些活动页面大多都是静...
安卓手机,平板运行 vs code ,写前端代码
qq_45385505的博客
12-29 6253
手机,平板运行 vs code ,写前端代码,感谢大佬写的软件
推荐一个前端必备工具，有了它开发效率提升200%，堪称神器
fengGer的博客
11-18 3738
拒绝重复工作 前端页面的构建与调试，是每一个前端人都绕不过去的基本功。但是页面的构建与UI的还原工作往往是重复且繁杂的，在日常的开发工作中会占用我们大量的时间和精力。慢慢的，随着我们每个人技术水平的不断提升，页面的构建工作就会成为我们技术水平提升道路上的一大阻碍。大家都更希望把更多的时间和精力放在业务逻辑、功能优化、架构设计等等更深一步的前端技术领域上。所以我作为一名前端技术团队的管理者，也作为一名前端的开发人员。下定决心要帮助团队和自身去解决这个痛点。于是我带着这个问题进行了一系列的解决方案调研，直到我遇
electron 打包报错 Cannot find module 'C:\Users\Administrator\Desktop\CodeFun\App\build\notarize.js'
最新发布
09-11
根据您提供的引用内容，报错信息"Cannot find module 'C:\Users\Administrator\Desktop\CodeFun\App\build\notarize.js'" 表明在electron打包过程中找不到名为'notarize.js'的模块。这个错误通常是由于打包配置或文件路径的问题导致的。可能的原因之一是在打包过程中没有将'notarize.js'包含在打包文件中。 为了解决这个问题，您可以尝试以下几个步骤： 1. 检查打包配置：检查您的打包配置文件，确保在打包过程中包含了'notarize.js'模块。您可以参考electron的打包文档，了解如何正确配置打包过程。 2. 检查文件路径：确保'notarize.js'文件存在于指定的路径'C:\Users\Administrator\Desktop\CodeFun\App\build'中。如果文件不存在或路径不正确，您可能需要调整文件位置或修改路径配置。 3. 检查模块的安装：确保您已经正确安装了'notarize.js'模块。您可以使用npm或yarn等包管理工具来安装该模块，并确保它在您的项目依赖中。 4. 检查引用的正确性：检查代码中对'notarize.js'模块的引用是否正确。确保引用路径与文件路径一致，并且模块名称的大小写是否正确。 请根据这些步骤逐一排查问题，找到导致"Cannot find module 'C:\Users\Administrator\Desktop\CodeFun\App\build\notarize.js'"错误的原因，并进行相应的修正。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

肥肥呀呀呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值