前言
大家好，欢迎来到没啥用的创新技术频道。没错！你没看错，这里就是把没啥用的技术或者平时很少接触的技术进行结合。创新出一种更加没啥用的工具，提供给大家使用。因此我们称为没啥用的创新，也可以叫我们莓创。
成品展示
在解说自己开发学习的历程之前，先把工具分享给大家使用使用，如果想了解我们或者想学习、合作的都可以私信我哈。快速访问地址：meichuang.org.cn/meichuangTo...
首页
进去平台首页，你可以看到很简约的风格，主要分为头部区域、介绍区域、功能模块区域等三个区域。而我们这次开发的："没啥用"的静态代码生成器工具就是我们的第一个产品，也称为像素伙伴。
取这个名字的时候，就想让这个工具成为你们开发过程中的伙伴，可以随时帮你完成切图仔的任务，让你不再是一位切图仔。
像素伙伴
进入像素伙伴工具中，默认会让你先上传一张PSD视觉稿。上传完成之后就会帮你切图、渲染等动作，最终进入控制台。
控制台页面分为三个模块：
- 左边的文件预览区：可以上传多个psd，随时切换。
- 中间的页面预览区：预览对应的psd界面。
- 右边的功能区：设置下载代码的配置。
主要讲解一下功能区的功能：
- 源码类型：用对应类型的语法与规则生成代码。包含了HTML、Vue2.x、React、Uniapp、微信小程序
- 尺寸标准：页面适配大小，根据你填写的值将页面所有的元素生成对应适配的大小，使其在页面上完美的呈现。
- 单位标准：根据尺寸与单位，可以适配不同客户端的展示。包含了PX、REM、VH、VW
- 字体：上传对应的文字字体，使其更加还原视觉稿。
自测
开发完之后我们也自测了一段时间，总结目前网站整体的完整性。
1、解析海报相关的PSD文件，可以完美解析，只要把对应的字体文件上传（这点很重要 ）。我们现在公司也在用，基本省下一两个人的工时（老板很满意）。 2、布局性不强，对管理后台或者日常业务查看页面不太友好，目前整体布局都是用定位去布局，没有架构性，这点我们在不断突破（如果有这方面能力且兴趣的人可以加入我们小团队哦，这方面可以开源 ） 3、识别性不强，无法识别到是输入框或者表格、图标之类的。这个我们也在寻找突破点，说实话有点难，没有这方面的人（有愿意教我们大模型训练的人可以私信一下我哈，或者有意愿合作的）
总结
上述的介绍就到此为止，操作很简单，生成页面代码的功能也很nice，大家都可以尝试一下。说不定也会对你有帮助，我把该工具介绍给一个朋友，他直接拿去接单开发页面了，他自己都吐槽可以借多几个画静态页面的单子了。我心里表示羡慕有私单的人。这期就到这里了，我们下次见。