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

问题：

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

环境：

1. Windows 10，mac OS
2. PhpStorm

解决方案：

通过FileWatcher动态修复

解决步骤

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

点击添加配置，在Choose Template中选择第一个custom Name自定义，

特别注意：使用WePY开发时，File Type选择Vue.js Template，Scope选择Current File，这样速度最快

 File Type选择Vue.js Template 
 Scope选择Current File 

Tool to run or change
 Program 填写 sed 
 Arguments 填写 -i "" s/"\ rpx"/rpx/g $FilePath$  
 OutPath 填写 $FilePath$  

注：Windows下与mac OS下sed命令略有不同

//windows系统
sed -i s/"\ rpx"/rpx/g $FilePath$

//MacOS系统
sed -i "" s/"\ rpx"/rpx/g $FilePath$ 

1. 最后，点击OK保存，再点击Apply应用即可

拓展：

Windows下添加sed命令

https://github.com/mbuilov/sed-windows

方法一：将对应版本的sed重命名为sed.exe放转到 C:\Windows\System32 下即可。

方法二：直接在上述方法，Program选项直接该文件路径：如下：

D:\dev\sed.exe

说明：此方法是监视rpx前是否有空格，有空格会自动替换，改完并不是立即可以看到，而是你修改文件时，如果rpx前有空格则会自动给去掉rpx前面的空格