[問題] 想請教 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