WebStorm开发小程序之配置

wxss文件rpx去掉波浪线

屏幕快照 2020-02-25 11.07.12.png

解决办法:
鼠标移动到波浪线位置,mac笔记本上使用option+enter

屏幕快照 2020-02-25 11.09.06.png

选中后进入编辑里,将对勾去掉,保存。


屏幕快照 2020-02-25 11.09.58.png

wxss文件使用格式化后rpx前面出现空格

屏幕快照 2020-02-25 11.12.24.png

解决办法:
进入设置搜索file watchers,新建custom,然后按照下图配置保存

屏幕快照 2020-02-25 11.15.37.png

屏幕快照 2020-02-25 11.19.53.png
Mac:
name: 自定义即可
File type: 选择 Cascading Style Sheet
Program: 写上sed
Arguments: -i "" s/"\ rpx"/rpx/g $FilePath$
Output paths to refresh: $FilePath$

Windows 上有一些不同,主要是:
Arguments: -i s/"\ rpx"/rpx/g $FilePath$

此外Windows上需要单独下载Sed软件,参考:
https://github.com/mbuilov/sed-windows

在安装后,原填入sed的地方需要填写完整的sed.exe安装路径

使用wxml和wxss文件

进入设置增加wxml和wxss支持

屏幕快照 2020-02-25 11.25.20.png
屏幕快照 2020-02-25 11.26.31.png

你可能感兴趣的:(WebStorm开发小程序之配置)