Easy LESS的基础使用

vscode安装插件Easy LESS,用于实现编写less文件后生成css或者wxss文件


Easy LESS的基础使用_第1张图片

配置步骤:

Easy LESS的基础使用_第2张图片

Easy LESS的基础使用_第3张图片 在配置文件末尾或者其他位置加入以下代码

 // Easy LESS配置
    "less.compile": {
        "compress": false,//是否压缩
        "sourceMap": false,//是否生成map文件,有了这个可以在调试台看到less行数
        "out": true, // 是否输出css文件,false为不输出,千万不要是false
        "outExt": ".wxss", // 输出文件的后缀,小程序可以写'.wxss'
        // "outExt": ".css", // 输出文件的后缀,小程序可以写'.wxss'
    }

然后,就可以在文件中编写less文件,快速的写css样式了Easy LESS的基础使用_第4张图片

Easy LESS的基础使用_第5张图片

但是我没找到自动保存的同时让less自动生成wxss的方法,希望有大佬能在评论区说下~ 


同时,less本身就支持import功能

Easy LESS的基础使用_第6张图片

生成的wxss文件中:

Easy LESS的基础使用_第7张图片 

 

你可能感兴趣的:(vscode工具,less,vscode,css)