欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-03 17:43:57
...

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

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

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

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

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

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

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

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