美文网首页
微信开发者工具中使用less

微信开发者工具中使用less

作者: 云之一 | 来源:发表于2021-04-01 14:07 被阅读0次

    1、借用vscode找到easy less扩展包

    • vscode-扩展-搜索并安装easy less
      image.png
    • 在vscode的扩展文件夹中复制easy less 扩展包
      image.png

    2、将扩展包放入微信开发者工具的扩展文件夹中

    • 微信开发者工具-设置-编辑器设置-扩展-编辑器自定义扩展-打开扩展文件夹,将扩展包复制到该文件夹下


      image.png

    3、微信开发者工具中配置less

    • 微信开发者工具-设置-编辑器设置-更多及工作区的编辑器设置


      image.png
    • 右上角进入设置的json文件


      image.png
    • 添加代码
    "less.compile": {
        "outExt": ".wxss"
     }
    
    • 微信开发者工具-设置-编辑器设置-扩展-编辑器自定义扩展.点击启用easy less扩展
      image.png
    • 重启开发者工具即可

    相关文章

      网友评论

          本文标题:微信开发者工具中使用less

          本文链接:https://www.haomeiwen.com/subject/hzmwhltx.html