评论

小程序使用less编译方法

微信编辑器使用less编译方法

1.使用vscode编辑器安装插件Easy-less,安装后,打开我的电脑C>用户(user)>admin(用户名文件夹)>.vscode>mrcrowl.easy-less-1.6.3. 如下图:

复制该文件.

2.打开微信编辑器 顶部工具栏>设置>扩展>编辑器自定义扩展>打开扩展文件夹 将上述文件夹复制到里面.后回到微信编辑器.将less插件打开.如下图:

3.打开微信编辑器 顶部工具栏>设置>扩展>编辑器>(底部)更多工具区编辑器设置.如下图:

输入less 搜索.选择Easy-less config... 点击在settings.josn中编辑 补充:若没有出现这个选项检查第二步编辑器自定义扩展 中的less插件是否打开,若已开启还是没有出现则重启编辑器既可以.

4.输入"less.conpile":{"outExt": ".wxss"} 如下图:

上述操作设置完成后.随便打开一个文件如pages>index 在此文件下新建index.less 即可less内编译的样式会自动在wxss文件内自动生成 如下图:

最后一次编辑于  2020-11-16  
点赞 0
收藏
评论

4 个评论

  • Awalker
    Awalker
    2022-06-05

    mac怎么弄,不能添加

    2022-06-05
    赞同
    回复 2
    • A notorious liar(小花猫)
      A notorious liar(小花猫)
      2022-07-13
      mac我不会诶
      2022-07-13
      回复
    • 7
      7
      2022-09-21
      mac电脑可以直接使用安装包来安装插件
      2022-09-21
      回复
  • Are
    Are
    2022-03-22

    有用,非常感谢 再也不用切到vscode里去写 less了,Thank you very much!

    2022-03-22
    赞同
    回复
  • 一路向北丶
    一路向北丶
    2021-08-04

    预览会算上包的体积吧

    2021-08-04
    赞同
    回复 1
  • 雨辰
    雨辰
    2021-03-26

    less文件会算项目体积吗

    2021-03-26
    赞同
    回复 5
登录 后发表内容