[SCSS小教室] 如何寫SCSS #1-1

標籤: , , ,

上篇跟大家提到如何開始寫SCSS的時候有推薦一個工具,但是其實有更好的編譯方式,只要下載 VS code 的外掛就可以馬上編譯。

這款外掛就是:Live Sass Compiler

下載好VScode,到下載外掛的介面打上名字就可以了。
p.s.不要覺得我的顏色跟你的不一樣就不是同個軟體噢XDD

要怎麼操作這款外掛,給你們推薦此篇文章:VS code自動編譯SCSS
有任何關於SCSS的問題都歡迎在下方提問,小女子會盡己之力回應的。

延伸閱讀
SCSS小教室文章列表



相關文章

變數的命名方式與注意事項 #2 不知道大家在使用SCSS的時候有沒有想過,變數要怎麼命名比較好?好不容易有一這麼方便的變數功能當然要充分的利用。 這邊跟大家介紹一下以小女子目前寫SCSS的經驗,提幾點需要注意的地方與怎麼命名比較好...
免費圖片與背景圖 (Free Background)   好久沒有新增文章了,最近稍微偷懶了一陣子,真是不好意思呢。 相信在做網頁設計的時候常常需要一些素材來製作整個網站的風格,而今天介紹的網站素材是可以用於個人行為或是商業化(有經...
網頁滑動式手機菜單 (類似APP菜單)   今天要來和大家分享滑動式的手機菜單如何達成,要製作這個功能需要的是CSS和JS概念。 這個菜單類似手機APP的菜單顯示的方式,這樣子的菜單形式使用在網頁上是相當符合使用者經驗...
One Page Scroll 判斷目前所在區塊(4/19更新說明)...   什麼是 One Page Scroll 呢? 概念類似垂直的幻燈片,只是操控的方式是以滑動(觸控螢幕,ex:手機)/ 滾輪(電腦)來進行,一樣可以點這個點翻動到此頁,也可以用...