less 自动转成css

您可以使用 VSCode 插件中的 `Live Sass Compiler` 来实现将 Less 转换成 CSS 并自动编译的功能。具体步骤如下：

1. 在 VSCode 中安装 `Live Sass Compiler` 插件。（按 `Ctrl + P`，输入 `ext install ritwickdey.live-sass`，然后回车，即可安装该插件）。
2. 在 VSCode 中打开一个 Less 文件，右键单击编辑器中的 Less 文件，选择 `Watch Sass`，然后选择生成 CSS 的目标文件夹和文件名。
3. 在您的项目中，如果您有多个 Less 文件，只需在您的主 Less 文件中导入其他 Less 文件即可。

这样，当您对 Less 文件进行更改并保存时，它将自动编译为 CSS 并将其保存到指定的目标文件夹中。

需要注意的是，如果您想要在开发过程中实时查看编译后的 CSS 文件的效果，您需要在浏览器中打开 HTML 文件，并将 CSS 文件引入到 HTML 文件中。