【微信小程序】小程序支持使用less

需要用到 VS Code编辑器

1. vs code安装easy less插件

 

 

 

 2.安装完成后，进行setting.json文件配置

点击设置图标

 

再点击右上角的图标进行进入setting.json文件

 

 

 

 

 setting.json里进行配置

 "less.compile": {
      "outExt": ".wxss"
  }

 

3.测试是否生效

1）新增index.less文件

2）index.less里设置样式

.test {
    color:red;
}

3）查看index.wxss文件，发现已经自动转换

 

 

后续只要在index.less里进行样式的编写。vs code会自动将其转化成wxss形式