微信小程序开发者工具怎么使用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使用
后续更新!!!!!!