首页 > 其他 > 详细

最新----VScode如何简单轻松使用Less

时间:2020-08-31 20:58:22      阅读:136      评论:0      收藏:0      [点我收藏+]

提前声明:本文无需使用Node.js等工具

第一步,在插件处下载Easy LESS

技术分享图片

第二步,在设置中进行配置设置(VScode左上角   文件---->首选项------->设置)

搜索栏中搜索LESS,在插件中找到Easy LESS,进行settings.json中编辑

技术分享图片

我们看插件文档可知进如下配置

技术分享图片

    "less.compile": {

        "compress": false, //是否删除多余的空格,建议 不是准备打包的同志可以先设置为false,便于代码查看以及维护

        "sourceMap": false, //是否生成源地址文件,一个新的地址文件,小型开发项目可有可无

        "out": "..\\css\\",       // 这里是代表编译后生成的css文件所放的位置,文件生成地址可以自己定义

    }

 

 将上面代码粘贴到json文件中

技术分享图片

效果如下,删除了CSS文件空格以及生成源地址文件。

技术分享图片

完成以上操作后,编译保存Less时,就会生成css文件了。

最新----VScode如何简单轻松使用Less

原文:https://www.cnblogs.com/fsg6/p/13591436.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!