小程序的.wxss文件写起来实在是有点费劲,所以找捷径。

第一步 安装Ruby

去官网下载,默认安装即可

cmd安装sass

gem install sass

在webstorm进行配置

File>Setting>Tools>File Watchers ,点击右上角加号选择scss,出现以下界面
在这里插入图片描述
1、红框标示为解析器,每个人安装目录可能不一样,但最后几个目录肯定是相同的。
2、绿框标示为生成编译文件的存放目录
–sourcemap=none 代表不生成map文件
3、蓝框标示编译的文件,完整写法是

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
如果不想要map文件, 直接$FileNameWithoutExtension$.css

可参考下面两篇博客
链接一
链接二

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐