评论

小程序使用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
    • 逃跑计划
      逃跑计划
      2022-07-13
      mac我不会诶
      2022-07-13
      回复
    • 7
      7
      2022-09-21
      mac电脑可以直接使用安装包来安装插件
      2022-09-21
      回复
  • Sometimes
    Sometimes
    2022-03-22

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

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

    预览会算上包的体积吧

    2021-08-04
    赞同
    回复 1
    • 逃跑计划
      逃跑计划
      2021-08-18
      不会的他会自动编译wxss只会上传wxss
      2021-08-18
      回复
  • 雨辰
    雨辰
    2021-03-26

    less文件会算项目体积吗

    2021-03-26
    赞同
    回复 5
    • 逃跑计划
      逃跑计划
      2021-03-26
      不会滴,less编译直接同步wxss上传到公众平台会自动把这些文件拦截下来不会算上整个包的体积.
      2021-03-26
      回复
    • 雨辰
      雨辰
      2021-03-26回复逃跑计划
      大佬,我编译成css了,不是wxss。配置是一样的
      2021-03-26
      回复
    • 逃跑计划
      逃跑计划
      2021-03-27
      一样的但是配置的时候要把less改成css
      2021-03-27
      回复
    • 雨辰
      雨辰
      2021-03-29回复逃跑计划
      的确是不会上传less文件
      2021-03-29
      回复
    • 逃跑计划
      逃跑计划
      2021-03-29回复雨辰
      嗯嗯 less跟scss比较好写我现在写习惯了不喜欢写css了
      2021-03-29
      回复
登录 后发表内容