想学一门css预处理器,哪个比较好呢?

发布于 2022-09-12 04:38:22 字数 37 浏览 33 评论 0

sass、less、stylus选哪个好呢?_(:з」∠)_

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

陌上青苔 2022-09-19 04:38:22

各有千秋

Sass/Scss

sass 分为 sass 和 scss 两个语法分支,scss 是兼容 css 的写法,很容易上手,同时继承了 sass 的优点,用的比较多的是 scss ,sass 的语法则是用缩进来代替花括号、省略了结尾分号。

sass 和 scss 两种语法不可同时混用

在之前 ,sass 还有个依赖的问题。从前期依赖 Ruby ,后来 Node 的依赖 node-sass(国内不易安装),这些都可能是问题。到现在以 dart-sass 为主,其速度更快且易安装,因为 scss 兼容 css 写法,写起来更容易上手,像 bootstrap、Element 也在使用 scss 作为 css 预处理器使用。

Less

日常开发 Less 和 Scss 差不多,都是偏原生语法,比较容易接纳,less 有个优势就是可以“不用编译”,为啥加引号呢,因为它确实可以做到不手动编译,在引入 less 的后面引入 less.js 即可,但是作为最佳实践,你始终应该去编译它,因为大多数情况下,编译它并不会花掉你太多时间。

Stylus

stylus 采用了 sass 类似的缩进来表示层级,以及省略了分号等等,声明变量也不再需要 $ 或者 @ 符号,变量名和变量值之间使用 = 作为分隔

同时 stylus 允许传统 css 语法和 stylus 语法混用。

因为其精简的太多,代码量可以更少,但是阅读起来可能不是那么美妙。

End

就个人而言,一直使用的 sass 的 scss 语法,因为其作为 css 预处理已经足够强大,而且写法也比较偏原生 css ,可以更好的上手,其实,这根本也谈不上一门语言,因为其也不会太复杂

紧拥背影 2022-09-19 04:38:22

其实哪个都差不多,基础语法都很相似,我说一下我知道的吧,less属于那种很普通很正常的,scss/sass属于复杂一些的(我个人感觉可以把css玩成js),多了很多功能比如:变量、嵌套、运算,混入、继承、颜色处理,函数等(部分功能less也有),至于stylus,我也没有接触过。如果想快速上手的话,我感觉less就可以

独孤求败 2022-09-19 04:38:22

随便,又不难

涙—继续流 2022-09-19 04:38:22

可以尝试下stylus 我从less转过来的

萌辣 2022-09-19 04:38:22

我用的stylus,不用写花括号

如若梦似彩虹 2022-09-19 04:38:22

建议直接less,因为scss与less是相似的,而且大部门UI框架(element/iview),都是基于less开发

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文