在vscode中如何使用less编程

第一步:在扩展:商店里搜 less,选择安装Ease LESS,安装成功注意重启一下vscode.
第二步:快捷键command+逗号打开用户设置,搜less.complie,点击编辑添加到右边,设置commpress是否开启压缩,sourceMap是否生成.map文件。

到此已经配置成功,在文件中新建less文件编程,保存时就会自动在同目录下生成.css文件和.css.map文件。如果是开发小程序可以设置"outExt":".wxss",输出的文件就是.wxss和.wxss.map文件。

其中.css.map文件是用来确保css代码和less中代码对应关系。是为了方便针对性的进行修改了。具体介绍看下图:

没有.map文件时,在浏览器中调试时显示的是css文件,不方便在less中修改。


有.map文件时,在浏览器中调试时显示的是less文件,能准确定位到行数,方便在less中修改。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,816评论 1 45
  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,786评论 0 16
  • 大家好~ 我是一枚正直纯洁的苦逼程序员!!!!! 1.背景介绍 什么是LESS 我们先提一下css CSS(...
    Meetin空白阅读 5,291评论 0 4
  • 【梦的本质】影响对其他成分的解释; 【梦的功能】影响对待梦的态度; 【梦的作用机制】反应着无意识意图有哪些表现方式...
    Throughthetime阅读 3,990评论 0 2
  • 在当下,焦虑似乎已经寻常到跟感冒一个样了。感冒时,想别人讨要关心时得到的回复大半是“多喝热水”,焦虑时得到的回复似...
    犀石阅读 194评论 0 0