在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文件的目录地址，这个自行配置就行；
---------------------
作者：mcYang0929
来源：CSDN
原文：https://blog.csdn.net/mcyang0929/article/details/81703050
版权声明：本文为博主原创文章，转载请附上博文链接！
转载于：https://blog.csdn.net/mcyang0929/article/details/81703050