WebStorm小程序开发，格式化样式文件时rpx前被添加空格的

问题：

使用WebStorm开发微信小程序，格式化样式文件时，带rpx的值格式化时总被空格分开，导致小程序样式错误

环境：

1. macOS
2. WebStorm
3. WePY

解决方案：

1. 尝试修改WebStorm格式化代码的配置，查查之下，发现配置有限，未能解决 放弃
2. 通过FileWatcher动态修复 采纳

解决步骤

1. 打开WebStorm配置(Ctrl + ,)，在Tools下找到File Watchers，选中

   
   image.png
2. 点击添加配置，在Choose Template中选择第一个custom
3. Name自定义，其余如图选择即可
   参数：-i "" s/"\ rpx"/rpx/g $FilePath$
   特别注意：使用WePY开发时，File Type选择Vue.js Template，Scope选择Current File，这样速度最快
   image.png
4. 最后，点击OK保存，再点击Apply应用即可

补充

1. 按照上述步骤配置完后，再格式化代码时，rpx前面会添加空格，稍后会自动修复
2. 必须是.wpy文件才能生效