vsCode安装less插件并配置

原创已于 2023-08-03 09:42:41 修改 · 3.9k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #less

于 2022-05-04 15:28:17 首次发布

vscode环境配置专栏收录该内容

5 篇文章

订阅专栏

本文指导如何在Visual Studio Code(VSCode)中安装和配置EasyLESS插件。首先，通过扩展市场搜索并安装EasyLESS。接着，在设置中找到并编辑EasyLESS的配置项，添加`outExt`为`.css`。完成配置后保存，重启VSCode即可生效，实现LESS文件的自动编译成CSS。

一、在扩展中搜索Easy LESS并点击安装

在这里插入图片描述

二、打开右下角的设置，在设置里面找到Easy LESS

在这里插入图片描述

三、点击在setting.json中编辑

四、在less.compile中添加配置项outExt

"less.compile": 
        
            "compress": false, // true => remove surplus whitespace
            "sourceMap": false, // true => generate source maps (.css.map files)
            "out": true, // false => DON'T output .css files (overridable per-file, see below)
           "outExt":".css" 
    },