记录学习的轨迹:2022-06-20(之前写在wiki里,移植记录,具体时间忘记了)
故事背景:因为vue和uniapp端互通又不完全通,单位并不一致,但是需要的组件或者功能又是一致的,为了满足不同设备分辨率的要求,需要使用对应的单位。

一、px ↔ rem [px → rem、rem → px](!!!我失效了,写个新的)

  1. 插件:px to rem 插件
    在这里插入图片描述

  2. 配置项
    在这里插入图片描述

  3. 快捷键
    Alt + Z

二、px → rpx

  1. 插件:px to rpx 插件
    在这里插入图片描述

  2. 配置项
    在这里插入图片描述

  3. 快捷键
    Alt + Shift + P(可以当前页面全部转换 Alt+Windows+P
    鼠标右键

三、rpx → px(重点

  1. 插件:px-transform 插件
    在这里插入图片描述

  2. 配置项
    在这里插入图片描述

  3. 修改快捷键:此时快捷键和 px to rem 插件冲突
    ① 打开键盘快捷方式
    在这里插入图片描述

② 搜索内容:" alt+z " ,找到 进行乘法运算 这一项
在这里插入图片描述

③ 可以看见冲突了鸭,改成你自己喜欢的快捷方式( 快捷键XX号)就好啦!!!
3. 快捷键
快捷键XX号
PS:个人推荐与 px to rpx 的快捷方式保持高度相似(不能一致,会报错),例如 Alt + Shift + R ,这样子也比较方便好记。

四、(新) px ↔ rem [px → rem、rem → px]

  1. 插件:px to rem 插件
    在这里插入图片描述

  2. 配置项
    ① 基础配置:
    在这里插入图片描述

② 快捷键配置:默认是空的,自己配置吧,哪个顺手配置哪个,我设置的 Alt + X
在这里插入图片描述

  1. 快捷键
    快捷键XX号
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐