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

2022/4/23 9:16:00

本文主要是介绍【微信小程序】小程序支持使用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形式

 



这篇关于【微信小程序】小程序支持使用less的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程