原生微信小程序使用less

用惯了预处理的我实在受不了用原生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)