作者Whatever (Whatever)
看板Web_Design
標題[問題] 想請教 SASS 跟 SCSS 的好處?
時間Fri Oct 26 06:30:53 2018
先聲明我不懂這兩個技術 我只是在網路上面看了一些文章
"好像"可以讓寫CSS比較方便、比較好維護擴充等等的好處
但以我自己而言，常用的CSS當然很熟悉，所以可不用查就直接寫在編輯器裡面
如果有想要什麼CSS的效果我不知道如何下手，也可以上網看別人是怎麼寫的
所以我也沒有對直接寫CSS這件事情感到過於困擾過
我的想法是我想要什麼效果，我就去加，我就去試，配合瀏覽器開發工具
多數上想要的效果都可以達成
那這樣為什麼會需要SASS或SCSS之類的存在呢？(並非引戰，只是好奇)
除非他能完成某些CSS做不到的事情，我才會覺得這工具真的太神了
否則如果只是把有點類似把程式的寫法套用到CSS上
我不知道我還要不要花學習成本下去學習，搞不好我直接寫CSS還比較快
我自己的猜測應該是 協同合作 跟 專案的大小 或許會節省很多的時間
以上請前輩指教 謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.161.191.143
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1540506656.A.46C.html
1F：→ nohara001: 變數 好用 10/26 07:19
2F：→ ninetyeight: 花個五分鐘學而已 又不是需要多大的成本 10/26 08:53
3F：→ slighter: nesting>bem起來舒服，mixin、extend>rwd時輕鬆多了。 10/26 10:48
4F：→ slighter: 變數css3就有喔~ 10/26 10:50
5F：推 satanbaby: 可以先用CSS設計一個網站 然後再改主題色跟文字大小 10/26 11:51
6F：推 satanbaby: 你就會發現很麻煩 SCSS可以用個變數 統一管理 10/26 11:56
7F：推 ymcheung: 好管理 好交付 = 容易團隊合作 10/26 13:12
8F：推 pkro12345: 我覺得巢狀最實用 再來就省略大括號和變數運算那些 簡 10/26 13:45
9F：→ pkro12345: 單好學看看範例就知道要怎寫了 10/26 13:45
10F：推 soft2165: 就是方便呀~必用! 我個人最後是用stylus. 10/26 14:57
11F：推 pm2001: 你覺得用不到就不要用啊 10/26 14:57
12F：→ oj113068: 我也覺得還沒到很大型的專案的話，直接coding對我來說 10/26 16:06
13F：→ oj113068: 比較快，不過到處都在談論這些預編輯工具的時候喔挺焦慮 10/26 16:06
14F：→ oj113068: 的XD...... 10/26 16:06
15F：推 Neisseria: 先寫普通的 CSS，再用 SCSS 重構，就會理解其好處 10/26 17:35
16F：推 ucfan: 最常用巢狀跟 mixins，而且很適合用來實作 BEM。變數的部分 10/26 20:59
17F：→ ucfan: 倒是慢慢改用 CSS 變數了 10/26 20:59
18F：推 shter: 用過 SCSS 後我還是覺得直接寫 CSS 比較簡單 10/27 01:50
19F：→ shter: SCSS 優勢是可以寫的很少，但那個 build 速度不敢恭維 10/27 01:52
20F：→ shter: SCSS除非有天瀏覽器原生支援不然我應該是不想用 10/27 01:54
21F：推 spongetama: sass/scss 也是在寫css啊沒有不同，但非常方便管理你 10/27 02:15
22F：→ spongetama: 的css層級與元件（如果是大專案），也可以減少重複性 10/27 02:15
23F：→ spongetama: 的輸入 10/27 02:15
24F：→ spongetama: 只是多一個轉譯，就看要用工具或打指令 10/27 02:24
25F：推 kawaii98: 喔...我剛好是從css轉sass的，可以回覆你的問題，自從使 10/27 20:30
26F：→ kawaii98: 用sass之後就回不去了，因為真的太好用，只要在同一個｛ 10/27 20:30
27F：→ kawaii98: ｝範圍內都可以做任何屬於這個class的效果，很方便好管 10/27 20:30
28F：→ kawaii98: 理，你一定要試試看 10/27 20:30
29F：→ kawaii98: 同個層級還有變數管理很方便 10/27 20:30
30F：→ kawaii98: 不過缺點是要安裝ruby跟轉譯器例如koala 才能跑scss/sas 10/27 20:32
31F：→ kawaii98: s 10/27 20:32
32F：推 moodoa3583: 菜鳥如我平常都是用Sass，結果面試考試CSS差點寫不出 10/29 22:00
33F：→ moodoa3583: 來，除此之外我覺得很方便 10/29 22:00
34F：推 ku399999: 學基本功能不用20分鐘...還是看一下吧 11/01 01:38
35F：→ Siu: CSS用得多的人就會需要 像我用很少的 就不想腦袋辛苦 11/03 20:29
36F：→ Siu: 直接用EXCEL幫我生重覆的東西 XDDD 11/03 20:30