问题：
使用WebStorm开发微信小程序，格式化样式文件时，带rpx的值格式化时总被空格分开，导致小程序样式错误
环境：
- macOS
- WebStorm
- WePY
解决方案：
- 尝试修改WebStorm格式化代码的配置，查查之下，发现配置有限，未能解决 放弃
- 通过FileWatcher动态修复 采纳
解决步骤
-
打开WebStorm配置(Ctrl + ,)，在Tools下找到File Watchers，选中
image.png - 点击添加配置，在Choose Template中选择第一个custom
- Name自定义，其余如图选择即可
参数：-i "" s/"\ rpx"/rpx/g $FilePath$
特别注意：使用WePY开发时，File Type选择Vue.js Template，Scope选择Current File，这样速度最快
image.png - 最后，点击OK保存，再点击Apply应用即可
补充
- 按照上述步骤配置完后，再格式化代码时，rpx前面会添加空格，稍后会自动修复
- 必须是.wpy文件才能生效
