一、
不会吧不会吧，都2020年了还在拿着“美工”（UI小姐姐别打我😂）给的psd文件自己量尺寸，自己切图吗，想必蓝湖不少前端同学都用过，随着近期蓝湖收费（当然这么好用，收费完全合理）相信有部分公司（比如小编的公司[Doge]）可能暂时选择不用蓝湖，而转向比较常用的方式：通过sketch的插件Measure导出标注的方式。
二、
那么问题就来了，由于蓝湖的一些优秀功能比较常用，比如自定义像素倍数：
相信写过小程序的同学都知道，一般我们会有rpx作为单位，一般设计稿的尺寸为375的，所以我们在转换为rpx时需要x2，虽然蓝湖可以自动x2但是生成的代码里单位却没变，如图所示：
这个时候我们还需要手动把px改为rpx，甚至有时我们会忘记该。那么你会说了，那通过Measure导出的标注就可以解决上边的问题吗，目前还不行（Measure 2.8.1）。现在暂时可以选择的有：
三、
基于以上两种情况，可以通过引入measure-extend扩展，相对的解决一些用起来不顺手的地方。比如自定义单位和缩放比例，而且代码模板中的H5 css代码也支持动态更新了。如图所示：
| 标准像素 | rpx单位 | 甚至vw单位 |
|---|---|---|
四、使用方法
1.在导出的标注文件中，在根目录下找到index.html，编辑该文件，在文档最后，比如在下 一行添加如下代码：
<script src="https://cdn.jsdelivr.net/gh/Jarvis2018/measure-extend/index.js"></script>
2.也可以将代码下载到本地自行引入。
3.如需自定义配置可以修改index.js中的变量unitsData。例如添加小程序rpx单位的配置：
{
name: 'css rpx @2x', // 单位名称
unit: 'rpx', // 单位
scale: 0.5 // 缩放比例
}
tips: 目前来看，添加自定已配置的方法不够友好。考虑到有可能离线使用标注文件，还是暂时用此方法。
五、总结
有条件的还是选择蓝湖会比较好一些，虽然Measure也很优秀，但从工作流程体验上来说还是蓝湖会更好些（ps：蓝湖打钱。怎么感觉有种恰饭的感觉🤔）。也希望蓝湖能够加入类似扩展功能。
