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

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

image-20200725183501276

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

image-20200725184115646

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

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

image-20200725184235030

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

猜你喜欢

转载自www.cnblogs.com/my466879168/p/13377838.html