美文网首页
原生微信小程序使用less

原生微信小程序使用less

作者: 薄荷味奶糖 | 来源:发表于2019-10-25 15:56 被阅读0次

    用惯了预处理的我实在受不了用原生CSS写样式这种令人崩溃的开发体验,然后想在项目中使用less。

    1.Ctrl+Shift+X 打开扩展 - 搜索 easy Less 并安装.

    2.Ctrl+ 逗号 打开设置 - 搜索 easy Less config 并选择 点在setings.json中编辑 把下面配置粘贴进去

    "less.compile": {
            // "compress":  true,  // 是否删除多余空白字符
            // "sourceMap": true,  // 是否创建文件目录树,true的话会自动生成一个 .css.map 文件
            "outExt": ".wxss" // 输出文件的后缀,默认为.css
    }
    

    3.在你的wxml同级目录下新建一个 文件名.less 书写less语法的css并保存,同级目录下就会自动生成一个 文件名.wxss的文件

    相关文章

      网友评论

          本文标题:原生微信小程序使用less

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