less在vscode的配置和使用

一、配置
1、vscode下载easy less插件
2、去文件>首选项>设置>搜索less.compile的settings.json
把下面的代码放进去，可以去csdn查，我是参考这个大佬
https://blog.csdn.net/preserveXing/article/details/117454380

  "less.compile": {
    
    
    

    //建议 把compress设为 false  便于阅览,上线的时候改为true将文件压缩，减少体积
          "compress": false, // 是否删除多余空白字符  一行显示[压缩]
          "sourceMap": false, // 是否创建文件目录树，true的话会自动生成一个 .css.map [可以调试less位置]文件
          "out": true, // 是否编译输出文件
          "outExt": ".css", // 输出文件的后缀,默认为.css
      }

二、使用
1、先创建一个index.less
2、然后创建一个html，不用创建css，在html里写

    <link rel="stylesheet" href="index.css">

3、在index.less里面写东西

//不会出现css
/*会出现css*/

就会自动生成一个css了，你在less写啥会自动在css出现