以前习惯写less/sass，现在还在用css开发小程序，不太习惯，网上搜的教程要么是gulp，要么是Easy-less插件。

传统方法

让我们比较一下这两种方法的优缺点。

Gulp

前者需要对gulp有基本的了解，不过现在用gulp的人越来越少了，而且有一定的学习成本，不过好在它定制化程度较高，可以随意添加take。

无插件插件

不用多说，还是挺不错的，只要安装 easy-less 插件，然后 .json，就可以开心的使用 less 了。

保存后会在同目录下生成一个.wxss文件，缺点就是一定要在同目录下使用，也就是说开发的时候需要打开两个编辑器，一个写less，一个在微信开发者工具里预览，画面太美了，难以想象。

一种新方法

一次偶然的机会，我在网上看到一篇帖子的截图，标题是《你的小程序想少用点吗？》。

Easy-less直接在微信开发者工具中使用，功能和在微信开发者工具中使用一致。

我很惊讶，于是我去查了官方文档才知道，微信开发者工具从1.03版本开始就已经支持扩展工具了。

而且可以直接使用扩展，非常方便

经过一系列的操作，证明是可以的。

安装 Easy-less 的步骤

解压后的文件夹位于 ~/./（系统）或 C:\\.\（系统）

将.easy-less-1.6.3文件复制到微信开发者工具 3.粘贴扩展文件夹 打开微信开发者工具，顶部栏，设置>扩展设置>扩展>自定义扩展 点击“打开扩展文件夹”，然后会打开一个文件夹，将其粘贴到这里即可。

设置输出.wxss 就剩最后一步了，因为Easy-less默认输出的是css，但是小程序里面需要用到.wxss文件，所以只要设置一下输出文件的后缀即可。

成功重启微信开发者工具后，关闭小程序再重新打开，然后在目录下找一个页面并建立一个.less文件，写些CSS，保存后看看.wxss有没有变化……最终效果

参考：