美文网首页
微信开发者工具中使用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