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

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


思路援引文章

在这篇文章里面提供了思路,通过Webstorm中自带的File Watcher工具监视文件变化,自动替换所有的空格rpxrpx,但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进行开发说明我在开发小程序,那就随便改改吧……后遗症我就不管了……

    保存即可。

你可能感兴趣的:(Web,UI)