【筆記】1.5 SCSS 和 Sass 的差異比較

	SCSS	SASS
共同優點	具有變數，簡單邏輯程式、函式...等等 語法比css簡潔（很多東西不用重複寫 具有擴充性與更多彈性 適合大型專案 兼容CSS
共同缺點	進入門檻高 維護門檻高 初學者成本高 團隊協作成本提升 學之前還是要先懂css
適合對象	設計師	工程師
優點	和css相似，使用{ } 與；對於設計師來說容易上手 Bootstrap使用scss，是個很好的學習範本	程式碼縮短非常多，層次直觀 來自Python, Ruby的工程師，甚至可以用類似符號的語法編寫道具 對使用CoffeeScript的人來說，能自然的編寫mixins，函數，以及重複使用的東西 兼容SCSS
缺點		學習門檻高 安裝環境複雜 巢狀多層的時候，CSS會變得很難維護，不好讀
支援	變數、@mixin、@extend	變數、@mixin、@extend
引入@minxin	前面寫@include	前面加「+」就可以載入mixin
寫Mixin	須用｛｝將內容包住	無
寫巢狀繼承	須在繼承的父元素裡面撰寫class與class的css

【筆記】Sublime + VS code， UI 會裝的外掛

在sublime，我安裝的外掛有

package control
優先安裝，才能裝其他外掛

Alignment
程式碼對齊

AutoFileName
自動帶入，例如css要選圖片時，會自動帶出路徑>檔名

Emmet
程式速寫

Trailing Spaces
存檔時，自動去除頁尾多餘空白（完全救了我的強迫症

LiveReload
chrome也要裝擴充，存檔時自動F5