Less 是一门 css 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。
本文主要介绍less文件如何转化为css文件。
1.首先，你要确认你的电脑已经安装了node。
使用 npm 安装 lessc，命令行：
npm install -g less2.然后，进入需要转换的less文件的目标位置。
3.最后，你只需输入以下两条命令：
npm install -g less
lessc less文件名.less 生成的css文件名.css此时再看你的文件夹，是不是已经有了对应的css文件了呢~
本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！
LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。
作为css的预处理less,拥有着比css更快捷方便，扩展了css的变量、Mixin、函数等特性，使 CSS 更易维护和扩展。下面是介绍如何将less文件转换成css文件。
使用vscode的搬砖猿，想要在vscode编辑器里面很方便的编译less文件，需要在扩展商店里面下载一款名叫Esay LESS的超好用扩展,配置我们的LESS,我们需要在.vscode文件夹中建立一个settings.json的文件
HTML和CSS不属于编程语言而是属于标记语言,很难像JS一样定义变量、编写方法、实现模块化开发等。LESS是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。
css媒体查询有一个 宽高比很方便，aspect-ratio ，可以直接使用宽/高 来进行页面适配 使用样例如下：注意三点：
使用 @ 符号定义变量，变量分配使用 : 完成。声明格式：@变量名：变量值 。通常看到很多重复的相同的值，我们可以通过使用变量来避免。Less中的变量和其他编程语言一样，可以实现值的复用
less：是一门css扩展语言，也成为css预处理器，引入了变量，mixin（混入）、运算以及函数等功能，首先写一个common.less文件，专门用于媒体查询，其中常用的屏幕大小单位有
Less 提供了CSS @import CSS规则的几个扩展，以提供更多的灵活性来处理外部文件。使用 @import（reference）导入外部文件，但除非被引用
Loops语句允许我们多次执行一个语句或一组语句。在Less中，mixin可以自称，与 Guard表达式和模式匹配组合使用时，这个递归mixin可以创建各种迭代/循环结构。
让这个box范围内的全部包进来，这样的话就完美的进行调节，再也不用到处找第几行第几个，我刚才在哪个位置给覆盖了。一看便知！小米诺基亚等公司，都有自己的主色调。如果每次加一个#e23615太麻烦，而且如果诺基亚要搞活动！
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!