WebStrom对于rpx爆红的解决方法

WebStrom对于rpx爆红的解决方法

• 问题场景：在使用WebStrom编写CSS样式代码时，经过快捷键格式化后代码CSS变无效了！

  

• 问题原因：快捷键格式化的锅（准确来说是WebStrom的锅）

  WebStrom编译器默认是不支持 rpx 像素单位的，rpx是微信小程序推出的一种像素单位，用于灵活适应不同的屏幕尺寸，因为 WebStrom 的开发公司的 JetBrains 公司，这是一家国外很牛的编译器开发公司，国外是没有微信小程序的， 自然而言，就不支持微信推出的 rpx 单位

  我自己写的CSS样式：

  

  使用 Ctrl+Alt+L 格式化后的样式：

• 解决方法：下载插件

  我们到插件商店搜索Wechat mini program support，然后下载

  

  到设置中找到Wechat mini program support插件的配置项，然后选中启用

  

  完成上面的步骤之后，WebStrom 就能够识别 rpx 了，并且使用Ctrl+Alt+L进行格式化，也不会出现多余的空格了

  

参考资料：

• WebStorm 支持微信小程序的 rpx 单位 - 舞风雪的独立博客 (wufengxue.github.io)
• [webstorm 代码格式化后，rpx出现空格问题_idea rpx 格式化问题-CSDN博客](