评论

在原生小程序中使用less预编译语言

在原生小程序中使用less预编译语言的教程

在Vs Code IDE中的拓展商店中安装Easy-Less拓展程序

在开发者工具中打开拓展 — 选择从已解包的拓展文件夹安装

找到easy-less文件夹并选中,拓展安装完成后开发者工具会提示重启,重启即可

在开发者工具中找到设置 — 编辑器设置 — 选择更多编辑器设置

在搜索框中输入easy-less,检索到结果后,选择在settings.json中编辑

修改这项配置即可,修改完成后,保存并重启IDE

不同于.wxss的是,.less文件需要自己手动创建,名称和.wxss文件对应即可

小程序打包上传时默认会忽略.less文件,所以不用担心.less文件占用体积的问题

ok,接下来自己动手试试吧






最后一次编辑于  2022-06-08  
点赞 5
收藏
评论

2 个评论

  • 遇%[ ]且呵呵
    遇%[ ]且呵呵
    2023-05-11

    咦,从“以解包的拓展文件夹安装”,好像会有一些小差错,“设置”中没有Easy LESS config选共享,只能自己进入settings.json去修改;后来“导入已安装的vscode拓展”虽然装了一大堆其他无关的,但是“设置”中就能找到Easy LESS config了。

    是微信小程序的bug嘛还是偶然?

    2023-05-11
    赞同
    回复
  • 丁杰
    丁杰
    2022-08-11

    重启后还是没能生成.wxss文件欸

    2022-08-11
    赞同
    回复 1
    • 茜茜又困了🐽
      茜茜又困了🐽
      2022-08-16
      不会自动生成less文件的,需要手动创建,文件名一致即可。上传小程序时,less文件不会上传;保存less文件时,会自动编译wxss格式样式并生效
      2022-08-16
      回复
登录 后发表内容