VsCode中使用EazyLESS设置.less文件自动生成.css文件

本文介绍了如何在Visual Studio Code (VsCode) 中安装和配置EazyLESS插件,以便将LESS文件自动转换并输出到与LESS源文件同级的css文件夹下。通过设置.json文件,可以实现自定义输出路径,方便项目管理和CSS文件组织。
摘要由CSDN通过智能技术生成

和Webstorm中的设置不同VsCode就可以用一个EazyLESS插件来解决这个问题WebStorm配置.less自动导出的.css文件放到和less文件夹同级的css文件夹下。https://blog.csdn.net/yyzx_yyzx/article/details/123535575?spm=1001.2014.3001.5501

【1】.打开VsCode下载EazyLESS插件

 【2】.打开文件-首选项-设置

【3】.找到setting.json 

【4】.添加代码

【5】.测试结果如下

 “..\\css\\test”表示:退回less文件夹的上一级,创建一个css文件夹并把生成的.css文件(test代表你一会儿要生成的css文件)放进去。

可以根据需要自己调整设置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值