在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文件的目录地址,这个自行配置就行;
转载于:https://blog.csdn.net/mcYang0929/article/details/81703050