600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 微信小程序开发者工具怎么使用Less Sass

微信小程序开发者工具怎么使用Less Sass

时间:2021-04-12 16:43:49

相关推荐

微信小程序开发者工具怎么使用Less Sass

微信小程序开发者工具怎么使用Less、Sass

前言一、Sass使用第一步按需导入如何设置Sass应用Less使用

前言

在微信小程序开发者工具中编写wxss样式表是不是感觉很麻烦,不要困惑,有Less,Sass它们帮助你,使用过预处理器,谁都说好。

一、Sass使用

第一步

点击插件按钮,点击设置···

你可以选择全部导入也可以按需导入,

小提示:全部导入的话,如果你电脑性能不是很好,你的VSCode插件很多的话,你的电脑有可能会卡死,等个几分钟就好了,或者十几分钟。

按需导入

点击从已解包的扩展文件夹安装

找到这个文件夹,点击选择文件夹,就可以导入啦,等待完成即可

如何设置Sass

找到Sass扩展插件,点击第一步,点击第二步

进入这个页面点击第一步,第二步

找到这个配置项,里面有两个配置项,随便删除一个,留一个就行了,wxss不需要min.wxss,改为.wxss就可以了

应用

这是sass里的内容.index {border: 1rpx solid #aaa;.home {width: 100%;}}

这是wxss的内容.index {border: 1rpx solid #aaa;}.index .home {width: 100%;}

Less使用

后续更新!!!!!!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。