浅谈蓝湖使用ps插件快速构建代码

关于使用蓝湖将设计图转化为代码这个功能出现的已经有一段时间了，类似于这种原型图转代码的功能市面上的这种还是挺多的，如果说一些简单的页面懒得写的话哈哈哈哈哈哈哈，就可以考虑一下使用这种功能

今天在闲暇之余给大家分享一下些许心得：

1.首先需要下载一个插件，在进入蓝湖主页以后点击右上角的下载，里面有一个Photoshop插件，点击下载安装

2.然后打开psAPP ,在顶部的窗口中选择扩展功能（老版本的ps叫做扩展（旧版）），会发现有一个蓝湖，点击打开

3.打开以后有一个蓝色按钮 ，将按钮打开，然后注册账号

4.然后使用将你的设计图用ps打开 ，在蓝湖插件中选择自己需要的版本以及配置

5.选择成功以后可以上传所有的，也可以自己选择 。操作完成之后就可以在自己的蓝湖页面中找到相对应原型图，双击打开以后右侧会弹出侧边栏，

 

6.点击最下面的查看代码即可，剩下的就是CV大法啦！