Less的简单使用——在VSCode中配置less环境

Less的简单使用——在VSCode中配置less环境

一、在扩展包中搜索easy less

二、重启VSCode

三、进入 文件—>首选项—>设置，搜索less.compile,点击 在settings.json中编辑

四、进入 settings.json 文件，在该文件中加入如下代码，可以根据自己习惯设置

 "less.compile": {
        "compress": false, //是否压缩
        "sourceMap": false, //是否生成map文件，设置为"true"时可以在调试台看到less行数
        "out": true,  //是否输出css文件，false为不输出
        "outExt": ".css", //输出文件的后缀，小程序可以写为"wxss"
    }

加入代码如下

五、检测是否搭建成功，建立.less文件，写入相应的less代码之后，保存后会自动生成.css文件以及对应的css代码，如下所示，说明已经搭建成功