咨询电话:
15628812133
27
2023/10

常见的css预处理器——Less

发布时间:2023-10-27 17:13:05
发布者:MaiMai
浏览量:
0

在学习less之前,我们需要对css有简单的了解,CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。CSS 需要书写大量看似没有逻辑的代码,冗余度是比较高的。不方便维护及扩展,不利于复用。也没有很好的计算能力。

而Less是一门向后兼容的 CSS 扩展语言,也称为 CSS 预处理器。在 CSS 的语法基础上,引入了变量,Mixin,运算以及函数等功能,简化了 CSS 的编写,并且降低了 CSS 的维护成本,扩展了 CSS 的动态特性。

Less的安装可以通过node运行的方法,如果使用的是vscode则无需安装。有关node的内容可以点击此链接>>查看。

基于 node.js 在线安装 Less,使用 cmd 命令输入 npm install -g less 即可。

npm安装less

检查是否安装成功,使用 cmd 命令 lessc -v 查看版本即可。

less版本

如图所示,若成功打印less的版本,则安装成功。

安装完less后,我们便可以使用变量,Mixin,运算以及函数等功能。

关键词:
返回列表