VS Code：Easy less 路径配置修改

在web开发当中，我经常会用写less然后编译成css，当然在VS Code当中也有这样的插件（EasyLess）；

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

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

类似于这样：

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

配置方法如下：

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

打开settings.json文件；

添加代码：

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

‘${workspaceRoot}’ 代表的是根目录；

这样就可以更改生成.css文件的路径了，但是上面代码配置是我的.css文件的目录地址，这个自行配置就行；