如何在WebStorm中添加自定义CSS属性值，解决wxss的rpx单位验证问题？

我之前也碰到过这个烦人的问题——WebStorm总把100rpx拆成100 rpx，还红波浪线提示错误，其实只需要给WebStorm添加自定义CSS单位就能搞定，步骤很简单：

• 打开设置面板：Windows/Linux点击顶部菜单栏的File > Settings，Mac则是WebStorm > Settings。
• 定位到CSS设置项：在左侧导航栏展开Languages & Frameworks > Stylesheets > CSS。
• 添加自定义单位：在右侧的CSS Settings区域，找到Custom units（自定义单位），点击旁边的+号，输入rpx并保存设置。

做完这一步之后，WebStorm就会把rpx当作合法的CSS单位对待了：

• 代码检查不会再出现红色波浪线；
• 格式化代码时，100rpx也不会被拆成100 rpx。

如果之后格式化还是出现空格问题，可以额外检查一下代码风格设置：

• 进入Settings > Editor > Code Style > CSS；
• 切换到Spaces标签页，找到Within下的Property value，确保没有勾选“Between number and unit”（如果勾选了就取消掉）。

这样设置完，你的wxss代码就能在WebStorm里正常编辑和格式化啦！

内容的提问来源于stack exchange，提问作者Bodil