vscode中安装less插件并配置使用

1. 在扩展中搜索easy less这个插件并安装

vscode中安装less插件并配置使用_第1张图片

2. 打开右下角的设置选项搜索less找到json文件

vscode中安装less插件并配置使用_第2张图片

3. 在jsob配额制中加入less.compile(less配置)

"less.compile": {
     
     "compress": false,//是否压缩
     "sourceMap": false,//是否生成map文件,有了这个可以在调试台看到less行数
     "out": true, // 是否输出css文件,false为不输出
     "outExt": ".css", // 输出文件的后缀
    }

vscode中安装less插件并配置使用_第3张图片

到此之后只要你写less文件保存后会自动在同级目录下生成个同名的css文件

你可能感兴趣的:(软件工具,vscode,less)