webstorm 代码格式化后,rpx出现空格问题

webstorm 代码格式化后,rpx出现空格问题

写在前面

我是一个webstorm的忠实粉丝,主要就是觉得编辑器好看,哈哈,但是最近公司要开发小程序,下载了微信开发工具,觉得那编辑器界面实在太丑了,果断放弃!

踩坑经历

正当我开发的一路畅通时,一键格式化后,发现样式的rpx前面出现了一个空格,我天儿,怎么回事???样式全部乱了!!!
《webstorm 代码格式化后,rpx出现空格问题》
看到样式乱了第一反应肯定是rpx语法无法识别导致,所以百度了一番,主要借鉴了以下两篇文章

解决方案

网上文章基本上千篇一律,总结一下,主要以下两种方法,选择自己觉得方便的就行!

方案一

windows下载sed(自行百度下载或关注公众号:‘百家券’,发送‘sed’,即可获取
配置Tools->File Watchers->+
《webstorm 代码格式化后,rpx出现空格问题》

//windows系统配置规则如下
-i s/"\ rpx"/rpx/g $FilePath$

//MacOS系统配置规则如下
-i "" s/"\ rpx"/rpx/g $FilePath$

注意:File type 如果使用了scss请选择scss文件,否则选择css

方案二(推荐)

1、安装插件:

WeChat weapp Support
WeChat mini program support/

2、安装完成以后去setting->Languages & Frameworks->Wechat Mini Program-启用,然后重启webstorm就可以了
《webstorm 代码格式化后,rpx出现空格问题》

外卖红包优惠券在哪里领,那些天天都可以领外卖优惠券的公众号是真的吗?

给大家透露一个消息,美团饿了么每天都会放出一些隐藏的大额红包,对于经常点外卖的你,不领红包直接原价付款,那就太亏了!!!!!!!!!

每天免费领的外卖优惠券,还买什么15块月会员!!!!!!!!

使用微信扫一扫,一起来撸羊毛吧↓↓↓
《webstorm 代码格式化后,rpx出现空格问题》

    原文作者:雨季~~
    原文地址: https://blog.csdn.net/Terenceno/article/details/119725629
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞