更新记录

0.0.1（2021-11-29） 下载此版本

1px 转化为 2rpx

平台兼容性

HBuilderX插件通用注意事项

HBuilderX-2.7.12以下版本安装插件市场内的插件后，卸载时需手动卸载，详细教程参考：如何手动卸载插件

在 HbuilderX 中，将 1px 转化成 2rpx

更新记录

0.0.1 1px 转化为 2rpx

安装方式

点击插件市场的 使用 Hbuilder X 导入插件

使用方法

1. 选中需要转化的代码，在编辑器中右键，选择 css单位：1px 转 2rpx

   /* 转化前 */
   div {
   width: 10px;
   height: 10px;
   margin: 10px 10rpx;
   border-radius: 2rpx;
   }
   /* 转化后 */
   div {
   width: 20rpx;
   height: 20rpx;
   margin: 20rpx 10rpx;
   border-radius: 2rpx;
   }

2. 选中需要转化的代码，按下快捷键 alt+2

   /* 转化前 */
   div {
   width: 10px;
   height: 10px;
   margin: 10px 10rpx;
   border-radius: 2rpx;
   }
   /* 转化后 */
   div {
   width: 20rpx;
   height: 20rpx;
   margin: 20rpx 10rpx;
   border-radius: 2rpx;
   }

3. 鼠标点击需要转化的某一行代码，按下快捷键 alt+2

   /* 转化前 */
   div {
   width: 10px;
   height: 10px; /* 例如鼠标光标在这一行 */
   margin: 10px 10rpx;
   border-radius: 2rpx;
   }
   /* 转化后 */
   div {
   width: 10px;
   height: 20rpx; /* 只有这一行发生改变 */
   margin: 10px 10rpx;
   border-radius: 2rpx;
   }

感谢

1. px2rpx 在 Hbuilder 中自动将 px 转化成 rpx（0.1.4）
2. 多功能翻译插件
3. 从一个文件批量修改开始：正则表达式深入剖析

交流沟通

QQ：5927796 （备注：dxf-px2rpx）