VScode两步实现less自动编译

原创于 2019-03-08 15:24:47 发布 · 1.4w 阅读

CC 4.0 BY-SA版权

4 篇文章

订阅专栏

本文介绍如何在VSCode中安装并配置EasyLESS插件，以实现LESS预处理器的自动化编译。通过下载插件及修改settings.json文件，可以轻松地将LESS文件转换为CSS，提高前端开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步，从vscode商店中下载Easy LESS插件。

第二步，配置settings.json文件（文件 - 首选项 - 设置 - 搜索设置settings.json）

加入如下代码：


{ //settings.json
    ...

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

${workspaceRoot}代表当前项目的根目录，后面路径自行配置。

这个是我的。