笔者使用的是滴滴的 mpx 框架开发小程序的,使用 WebStorm 的时候,format 代码总是将 24rpx 变成 24 rpx,中间多个空格,导致样式失效。

搜了一下,找到一个解决方案:

首先要安装 Wechat mini program support 插件:

2023-03-29T07:14:41.png

然后配置一下:

WebStorm -> Preferences… -> 左侧搜索框输入 wechat ,在 Languages & Frameworks -> Wechat Mini Program -> 右侧的菜单中,将【小程序支持】切换到【启用】-> Apply -> OK -> 等待1至2分钟,标红自动消失,格式化代码不再添加空格。

2023-03-29T07:15:07.png

参考 https://wufengxue.github.io/2021/05/21/WebStorm-rpx-support.html

标签: wechat, webstorm