[问题] 想请教 SASS 跟 SCSS 的好处?

楼主: Whatever (曾经在我眼前)   2018-10-26 06:30:53
先声明我不懂这两个技术 我只是在网络上面看了一些文章
"好像"可以让写CSS比较方便、比较好维护扩充等等的好处
但以我自己而言,常用的CSS当然很熟悉,所以可不用查就直接写在编辑器里面
如果有想要什么CSS的效果我不知道如何下手,也可以上网看别人是怎么写的
所以我也没有对直接写CSS这件事情感到过于困扰过
我的想法是我想要什么效果,我就去加,我就去试,配合浏览器开发工具
多数上想要的效果都可以达成
那这样为什么会需要SASS或SCSS之类的存在呢?(并非引战,只是好奇)
除非他能完成某些CSS做不到的事情,我才会觉得这工具真的太神了
否则如果只是把有点类似把程式的写法套用到CSS上
我不知道我还要不要花学习成本下去学习,搞不好我直接写CSS还比较快
我自己的猜测应该是 协同合作 跟 专案的大小 或许会节省很多的时间
以上请前辈指教 谢谢
作者: nohara001   2018-10-26 07:19:00
变量 好用
作者: ninetyeight (98NINETYEIGHT)   2018-10-26 08:53:00
花个五分钟学而已 又不是需要多大的成本
作者: slighter (<=幸福满溢的某人^_^)   2018-10-26 10:48:00
nesting>bem起来舒服,mixin、extend>rwd时轻松多了。变量css3就有喔~
作者: satanbaby (撒旦北鼻)   2018-10-26 11:51:00
可以先用CSS设计一个网站 然后再改主题色跟文字大小你就会发现很麻烦 SCSS可以用个变量 统一管理
作者: ymcheung (ymc)   2018-10-26 13:12:00
好管理 好交付 = 容易团队合作
作者: pkro12345 (席龙)   2018-10-26 13:45:00
我觉得巢状最实用 再来就省略大括号和变量运算那些 简单好学看看范例就知道要怎写了
作者: soft2165 (不回家)   2018-10-26 14:57:00
就是方便呀~必用! 我个人最后是用stylus.
作者: pm2001 (做个盾牌眼球兵吧)   2018-10-26 14:57:00
你觉得用不到就不要用啊
作者: oj113068 (橘子汁)   2018-10-26 16:06:00
我也觉得还没到很大型的专案的话,直接coding对我来说比较快,不过到处都在谈论这些预编辑工具的时候喔挺焦虑的XD......
作者: Neisseria (Neisseria)   2018-10-26 17:35:00
先写普通的 CSS,再用 SCSS 重构,就会理解其好处
作者: ucfan (ucfan)   2018-10-26 20:59:00
最常用巢状跟 mixins,而且很适合用来实作 BEM。变量的部分倒是慢慢改用 CSS 变量了
作者: shter (飞梭之影)   2018-10-27 01:50:00
用过 SCSS 后我还是觉得直接写 CSS 比较简单SCSS 优势是可以写的很少,但那个 build 速度不敢恭维SCSS除非有天浏览器原生支援不然我应该是不想用
作者: spongetama (死神13号)   2018-10-27 02:15:00
sass/scss 也是在写css啊没有不同,但非常方便管理你的css层级与元件(如果是大专案),也可以减少重复性的输入只是多一个转译,就看要用工具或打指令
作者: kawaii98 (kawaii98)   2018-10-27 20:30:00
喔...我刚好是从css转sass的,可以回复你的问题,自从使用sass之后就回不去了,因为真的太好用,只要在同一个{}范围内都可以做任何属于这个class的效果,很方便好管理,你一定要试试看同个层级还有变量管理很方便不过缺点是要安装ruby跟转译器例如koala 才能跑scss/sass
作者: moodoa3583 (金牌台灣啤酒)   2018-10-29 22:00:00
菜鸟如我平常都是用Sass,结果面试考试CSS差点写不出来,除此之外我觉得很方便
作者: ku399999   2018-11-01 01:38:00
学基本功能不用20分钟...还是看一下吧
作者: Siu (荟)   2018-11-03 20:29:00
CSS用得多的人就会需要 像我用很少的 就不想脑袋辛苦直接用EXCEL帮我生重复的东西 XDDD

Links booklink

Contact Us: admin [ a t ] ucptt.com