前言写小程序的时候，最难受的就是写wxss风格。维护性差，可读性差。如果Dom嵌套很多，估计要写疯了。于是上网搜索如何让原生小程序支持少写，结果发现很多文章都很老了，微信自带的IDE已经更新了n个版本，文章中的步骤和IDE中的不一样。于是自己摸索着总结了一下。本文为最新版原生小程序支持less语法教程。补充：本文使用的IDE为：原生小程序自带的IDE，vscode下载EasyLESS插件，在vscode市场下载less编译插件-EasyLESS。安装时建议不要选择同步，否则此插件会同步到你其他电脑的vscode中。因为现在我们的项目基本都是用webpack等构建工具，可以直接编译less之类的，所以同步这个插件没有意义。下载它仅适用于本机小程序。图解：懒人也可以直接在百度云下下载，提取码为：7777。这样不会用vscode的同学也可以直接下载插件安装。开始配置（这个和网上教程不一样）1.安装插件说明：选择“导入安装的vscode扩展”方式（不推荐）。不推荐使用此方法。因为这个方法，你的vscode安装的所有插件都会安装在原生的小程序IDE中。但是有很多插件，在原生小程序IDE中其实是没有或者不可用的，比如：LiveServer、Vetur、openinbrowser等。个人比较喜欢IDE中不能安装的东西，以及我绝对不安装它们。选择“从解压缩的扩展文件夹安装”方法（推荐）强烈推荐此方法。是一种按需加载，需要什么就加什么，符合“编程思想”。如果是在vscode上下载的，在vscode中找到插件的路径：windows路径：C:\Users\Administrator\.vscode\extensionsMac路径：User/(你的用户名)/.vscode/extensions（打开Finder，转进入MacintoshHD文件夹（从左栏设备访问），按住Cmd+Shift+。所有隐藏文件将变为可见）2.配置插件相关配置信息ctr+p，进入>setting.json，选择打开首选项：打开设置（json），拉到最下面，添加配置："less.compile":{"outExt":".wxss"}，如果配置成功，上面几行代码会被高亮显示，如果没有高亮显示，说明配置不成功。以上步骤完成后，重启IDE，输入新的less文件，测试一下。如果ctr+s可以输出一个.wxss文件，说明所有配置成功。下面是一个成功的例子：PS：所有步骤完成后，有时ctr+s可能会输出.wxss文件失败。这时候可以尝试更新小程序自带的IDE。PerfectEnding其实完成了上面的步骤，基本就够了。但是为了更完美，我们还需要再添加一个忽略上传文件的配置。在发布体验小程序的时候，大家都知道包是有大小限制的，所以当我们页面多的时候，.less文件就会多，会增加我们进入小程序的时间。所以我们在发布预览小程序的时候，应该忽略.less文件的上传（测试好像并没有真正上传.less，但是为了保险起见，我们还是添加了忽略配置）。打开根目录下的project.config.json文件，添加如下配置："packOptions":{"ignore":[{"value":".less","type":"suffix"},},aboutproject.config中关于.json文件的介绍，具体可以去官方文档看
