想学一门css预处理器,哪个比较好呢? - SegmentFault 思否
文章推薦指數: 80 %
sass、less、stylus选哪个好呢? ... 日常开发Less 和Scss 差不多,都是偏原生语法,比较容易接纳,less 有个优势就是可以“不用编译”,为啥加引号呢, ...
注册登录问答专栏课程招聘活动发现✓使用“Bing”搜本站使用“Google”搜本站使用“百度”搜本站站内搜索注册登录首页问答css3问答详情0想学一门css预处理器,哪个比较好呢?狂人的芝士131发布于2020-09-14sass、less、stylus选哪个好呢?_(:з」∠)_css3stylussasslessscss关注6收藏0赞0回复阅读3.2k6个回答得票最新2唯一丶16.5k更新于2020-09-15✓已被采纳各有千秋Sass/Scsssass分为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即可,但是作为最佳实践,你始终应该去编译它,因为大多数情况下,编译它并不会花掉你太多时间。
Stylusstylus采用了sass类似的缩进来表示层级,以及省略了分号等等,声明变量也不再需要$或者@符号,变量名和变量值之间使用=作为分隔同时stylus允许传统css语法和stylus语法混用。
因为其精简的太多,代码量可以更少,但是阅读起来可能不是那么美妙。
End就个人而言,一直使用的sass的scss语法,因为其作为css预处理已经足够强大,而且写法也比较偏原生css,可以更好的上手,其实,这根本也谈不上一门语言,因为其也不会太复杂赞2回复2undefined145发布于2020-09-14其实哪个都差不多,基础语法都很相似,我说一下我知道的吧,less属于那种很普通很正常的,scss/sass属于复杂一些的(我个人感觉可以把css玩成js),多了很多功能比如:变量、嵌套、运算,混入、继承、颜色处理,函数等(部分功能less也有),至于stylus,我也没有接触过。
如果想快速上手的话,我感觉less就可以赞2回复1zangeci10.2k发布于2020-09-14随便,又不难赞1回复1illusion117发布于2020-09-14可以尝试下stylus我从less转过来的赞1回复1Bestime3.8k发布于2020-09-15我用的stylus,不用写花括号赞1回复1Max迪丶先生1.6k发布于2020-09-15建议直接less,因为scss与less是相似的,而且大部门UI框架(element/iview),都是基于less开发赞1回复撰写回答你尚未登录,登录后可以和开发者交流问题的细节关注并接收问题和回答的更新提醒参与内容的编辑和改进,让解决方法与时俱进注册登录宣传栏3184
延伸文章資訊
- 1想学一门css预处理器,哪个比较好呢? - SegmentFault 思否
sass、less、stylus选哪个好呢? ... 日常开发Less 和Scss 差不多,都是偏原生语法,比较容易接纳,less 有个优势就是可以“不用编译”,为啥加引号呢, ...
- 2十分钟看懂Css、less和Sass(SCSS)的区别 - 51CTO博客
- 3面试必看:less与sass的区别 - 简书
Less和Sass的主要不同就是他们的实现方式。 Less是基于JavaScript,是在客户端处理的。 Sass是基于Ruby的,是在服务器端处理的。 关于变量 ...
- 4CSS 的變種: LESS 與SASS
CSS 的變種: LESS 與SASS. 瀏覽器所認識的語言,不外乎是HTML/CSS/JavaScript 這些W3C 所規定的官方語言。因此像LESS 與SASS 這些語言,當然就屬於「非官...
- 5Sass.vs.Less | 簡介與比較_碎_浪
LESS環境較Sass簡單 · LESS使用較Sass簡單,大概? · 相對而言,國內前端團隊使用LESS的同學會略多於Sass · 從功能出發,Sass較LESS略強大一些 · Sass在市面...