使用File Watcher解决uni-app等项目Webstorm格式化代码时rpx/upx单位前面有空格的问题

使用File Watcher 监听项目文件，发生变动时执行Watcher，利用sed命令去替换文件中内容

在设置 -> Tools -> File Watcher 中添加规则

image.png

如果是*.vue中的样式文件，File Type 选择 Vue.js Template，同理也可以替换各种文件类型

Program 填写 sed 的路径

Windows 中可能需要安装 sed 命令，需自行下载，我这里因为之前安装了 cygwin 并设置了环境变量

参数填写-i "s/\ \([ru]\)px/\1px/g" $FilePath$

输出路径填写 $FilePath$

image.png

注： 格式化后文件的 Local History 中会存在一条 File Watch: **** 的记录

image.png