Easy LESS插件+Less将less文件转为wxss或acss文件

发表于 | 分类于 | | 阅读次数:

这几天开始尝试写小程序，因原生css不支持嵌套，写起来结构很不清晰，所以考虑用less预处理来写。less格式转wxss格式是通过vscode的Easy LESS这款插件，通过简单的配置后可以自由转换格式如wxss、acss

所用工具

Less（下载：命令行中输入npm install -g less）
vscode插件Easy LESS（下载：在vscode插件中下载）
下载插件

配置

建一个文件夹.vscode
.vscode文件夹下建一个叫settings.json的文件
settings.json中配置内容如下：

1
2
3
4
5
{ 
    "less.compile": {
      "outExt": ".wxss"
    }
}

建一个.less格式的文件，保存，同一个文件夹即会出现一个.wxss的文件
支付宝小程序的样式格式.acss同理
配置