简介

针对已有的项目，转为小程序时，css样式的单位很有可能是px，rem等。为了快速的转换成rpx，我们可以使用cssrem插件。

安装步骤

• 在vscode中先安装cssrem插件。
• 微信ide中安装自定义插件的步骤，参考：如何在Mac版微信小程序ide添加less插件的支持

配置

插件安装完成后，记得重启一下ide。

设置 -> 编辑器设置 -> 更多编辑器设置... -> 搜索框中输入"cssrem", 更改设置如下：设计稿的尺寸按实际的设置即可.

验证

在less或wxss样式文件中，使用px单位，快捷键: option + r(mac上，windows上略有不同，可以查看插件的使用文档)，所以px的自动转为rpx。