关于easy-less插件的配置使用在官方文档里写的挺清楚的，下面是我的一些配置。

配置我们的LESS,我们需要在.vscode文件夹中建立一个settings.json的文件。输入一下配置信息：

{    
  "less.compile": {
    "compress": true, // { boolean }通过删除多余的空白来压缩CSS输出。
    "sourceMap": false, // { boolean } 启用后，.css.map将以与.css文件相同的方向输出文件
    "out": "${workspaceRoot}\\css\\", // 指定输出路径
    "outExt": ".css", // {默认.css}这使您可以指定备用输出文件扩展名（例如.wxss代替.css）
    "autoprefixer": "> 5%, last 2 Chrome versions, not ie 6-9" // 自动添加兼容前缀-没实现
  }
}

vscode如何将less编译到指定css目录中

这里重点说一下如何将less文件输出到指定的文件目录中

当我们创建一个.less文件，写相关代码进行保存时，会发现它会在.less文件同目录生成对应名字的.css文件；

当页面过多时，就会到这目录文件过多而且看起来不清晰，所以我一般会把.less和.css分别放在不同目录；

类似于这样：

这样就需要我们配置一下less文件编译为css的时候所生成文件的位置；

配置方法如下：
在VS Code项目中，有一个.vscode的文件夹，找里面的settings.json文件，没有的话自行创建；

打开settings.json文件；
添加代码：

"less.compile": {
   "out": "${workspaceRoot}\\src\\assets\\css\\"
}

‘${workspaceRoot}’ 代表的是根目录；
这样就可以更改生成.css文件的路径了，但是上面代码配置是我的.css文件的目录地址，这个自行配置就行；
注意一下
我自己在使用上面的配置信息时，遇到了几个问题，

• 第一次使用的时候，我将.vscode放在了自己的项目目录中，但是我工作区中很多其他项目（文件夹而已），这时的配置并没有生效，我当时的做法是，单独仅仅使用vscode打开了这一个项目，就好了。
  

• 还有，我们使用上面的配置信息，很轻易的就可以把编译过后的css文件输出储存到根目录下的css文件夹中，但是我想要储存到其他嵌套多级的文件夹中的时候，需要==注意==

  {    
    "less.compile": {
        "out": "${workspaceRoot}\\css\\users"
    }
  }

  • 第一次我这样写，输出到了css文件夹下的users.css文件中，尴尬。。。就是说，想生成到对应的目录下，需要在路径后加上\\标识这是个文件夹。所以正确的写法是：

    {    
    "less.compile": {
       "out": "${workspaceRoot}\\css\\users\\"
    }
    }