一、不要误删Easy-less的setting.json配置文件
1、如果你误删了setting.json配置文件的话,那么恭喜你成功把ctrl+s转换css给干废了
二、插件内的配置代码
① "out": true, //就是正常输出
② "outExt": ".css",//输出为css文件,改成.wxss就是对应小程序了
三、less代码里面的运算注意事项
1、一般来说,+ - * 都是可以正常转换值的,但是"除法"---->" / "却会出现问题 , less代码如下👇
保存之后,我们看css对应的代码👇
2、这就相当于:
老师 问 学生 :1 除以 1 等于多少?
学生 回答说 :等于 1 除以 1 !!!
很显然,问了等于没问,答了等于没答,学生没错,老师却当场吐血而亡。
所幸的是,这位老师不用担心"教会徒弟,饿死师傅",因为根本教不会,哈哈,开个玩笑
3、步入正题,发生除法,应该加上括号"()"
与其说发生除法加括号,不如保险起见,发生复杂运算,都加上括号,这样一来,我们看的更为清晰,编译器也能给我们一个完美的解析。
四、flexible设置参数
1、分成多少份很重要
这里我分成了10份,并没有没有注意到正确案例是分成20份,
所以得到下面左图情况,正确应该是右图(将上面的10,改为20之后)
这样页面就达到了我们真正想要的效果了
当然,这是一个width=750px的设计稿,分成20份的话,每一份为37.5px
所以需要在cssrem的配置更改RootFontSize
为确保万无一失,设置完成后,重启vscode