sacc less 区别

Posted 2021-10-27 沿着路走到底

sass和less主要区别在于实现方式：less是基于javascript的在客户端处理 所以安装的时候用npm，sass是基于ruby所以在服务器处理。

sass 与 less 的区别 ：

1、sass与less的安装 ：sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。less 在服务器端最容易的安装方式就是通过 npm（node.js 的包管理器）。less 在客户端使用【.less】（LESS源文件），只需要在官网载一个javascript脚本文件主【less.js】，然后在我们需要引入LESS源文件的html的中加入如下代码：

2、变量 ：sass 是以$开头定义的变量，如：$mainColor: #963; less 是以@开头定义的变量，如 @mainColor: #963;

3、作用域 ：sass 没有全局变量，满足就近原则，但是实际中可以将需要定义的全局属性放在base.scss 文件中。注意变量名重复； less 中的作用域和其他程序语言中的作用域非常的相同，他

Less是什么？

Less 是一门CSS预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。

less的功能：

• 可以以更整洁有组织的方式编写代码。

• 可以根据需求定义新样式，并且可以随时重复使用。

• 它基于JavaScript开发，是CSS的超集。

• 它是一种敏捷工具，有助于减少冗余

sass是什么？

SASS是CSS预处理程序，可帮助减少CSS重复并最终节省时间。它是CSS的扩展，有助于节省时间。它提供了一些功能，可用于创建样式表并帮助维护代码。它被认为是CSS的超集，并且是用Ruby编码的。

sass的功能：

• 它稳定，强大并且与其他版本的CSS兼容。

• 它是CSS的超集，是用JavaScript编写的。

• 它具有自己的语法，并且可以编译为可读的CSS。

• 它是开源的。