前言

在微信小程序开发者工具中编写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使用

后续更新！！！！！！

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

微信小程序开发者工具的使用
微信小程序开发者工具的使用:登录自己的微信小程序页面,找到工具,下载微信开发者工具.下载好后,扫码登录自己的小程序.在登录的过程中,需要输入自己的小程序的appid.登录好之后就会显示这样的一个页面. ...
微信开发者工具无法选择预览和真机调试_小程序开发第二篇：使用微信小程序开发者工具、wepy框架初始化项目...
1.微信小程序开发者工具使用: 小程序原生开发:直接使用小程序开发者工具打开项目即可小程序框架开发:首选官方提供类vue.js开发框架 wepy.js ,备选 mpVue.我们选择的是 wepy ...
微信小程序开发者工具真机调试和预览连接本地服务器
微信小程序开发者工具真机调试连接本地服务器网上参考了很多方法只有这个方法能解决本地服务器在微信开发者工具预览或者真机调试的连接,话不多说看图. 第一步 win+R,CMD输入ipconfig查看本地 ...
【HbuilderX+微信小程序开发者工具解决报错问题】
第2节 uni-app的环境搭建并创建项目运行正确的配置运行终端获取小程序appid的方法微信小程序的配置错误导致的问题问题描述问题原因解决方法![在这里插入图片描述](https://i ...
[微信小程序开发者工具] × #initialize-error: Error: ENOENT: no such file or directory, open
[微信小程序开发者工具] × #initialize-error: Error: ENOENT: no such file or directory, open hBuildX中运行到开微信开发者工具 ...
微信小程序--开发者工具
微信小程序–开发者工具俗话说的好:欲先利其事,必先利其器.我们开发人员也是一样,要想敲出更好更快的代码,首先是找一个好的开发工具:开发微信小程序也是如此,微信小程序有个专门的开发工具-微信开发者工具 ...
uniapp开发微信小程序，出现[微信小程序开发者工具] [error] Error: Fail to open IDE 错误的原因--潘万丁
[微信小程序开发者工具] [error] Error: Fail to open IDE 是因为小程序AppID这里的id有自己以前填写的,现在肯能某种原因无法使用,所以把它清空或天上自己现在能用的 ...
微信小程序开发者工具初体验及实现技术初探
微信小程序是当前的热点,市面上已经有很多微信小程序开发相关的文章,今天晚上抽了点时间折腾了微信小程序,并顺便看看了下微信小程序开发者工具的实现,是使用Node.js开发的,UI是基于NW.js框架开发 ...
微信小程序: 微信小程序-开发者工具添加less插件
在入门微信小程序的时候,在其他编译软件中有使用less插件的小伙伴都会发现,在微信小程序- 开发者工具中是没有下载插件这个入口的,所以我们可以借助vscode来辅助微信小程序-开发者工具安装le ...

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