让webstorm编写微信小程序时支持rpx

引言：微信小程序太恶心了，每次习惯性Ctrl+Alt+L就会炸掉，让我各种不爽，但咱还是得写不是，网上搜了半天发现一篇文章提供了解决方案。

---

思路援引文章

在这篇文章里面提供了思路，通过Webstorm中自带的File Watcher工具监视文件变化，自动替换所有的空格rpx为rpx，但sed-windows在我的windows上总是无法正常工作，有如下报错：

1	D:\sed.exe: cannot rename ./sedzdKik7: Improper link

这样的报错在webstorm的Terminal中是不会出现的，但在cmd和powershell以及日常使用的时候就会报错，折腾了很久觉得应该是sed-windows的问题，于是换了个sed，解决！

解决方案

1. 去sourceforge.net下载sed for windows：我是链接

   注意，点击Complete package, except sources右边的Setup下载即可，其他的大多需要自行编译。

2. 安装完毕后（4.2.1版本），sed.exe默认位于C:\Program Files (x86)\GnuWin32\bin\sed.exe，记住这个路径。

3. 在Webstorm设置中，在File Watchers添加一个Watcher，针对css scss还是vue 看你日常需求，这里以*.vue为例，参数为-i "s/\ rpx/rpx/g" $FilePath$，表示将所有空格rpx替换为rpx：

4. 到了这一步，保存后就已经可以敬请使用代码格式化了，但还有一个问题没解决那就是飘红。

   无他，我们只能修改ws的配置来搞定了，反正我不常用windows开发，一般用windows的ws进行开发说明我在开发小程序，那就随便改改吧……后遗症我就不管了……

   保存即可。