fbpx

SCSS可以讓寫CSS變得很優雅,

當你寫完之後她會幫你編譯成CSS,

他們之間的關係我就不多加說明了,

如果想更了解他們之間的差異可以參考從 CSS 到 SASS (SCSS) 超入門觀念引導

而進行編譯之前需要做以下幾件事。

Step1.

安裝Node.js

先到官網下載。

點擊安裝後出現這個,按NEXT。

NEXT。

看大家想安裝在哪裡都可。

NEXT。

NEXT。

Install。

耶~~完成。

Step2.

安裝npm

輸入npm install,有看過上一篇的人應該都安裝過了,安裝完之後我們就可以進行編譯了。

Step3.

新增style.scss

我們在resources的sass底下新增一個style.scss的檔案,

然後大開app.scss,在裡面打上@import “style”;,

因為編譯的時候只會編譯app.scss,所以要跟app說style也想加入。

Step4.

進行編譯npm run watch

因為本人的vs code無法使用npm,所以我是另外開cmd來做,

不知道有沒有人跟我一樣被電腦排擠。

編譯完成後他會顯示這個樣子,這樣我們就可以執行美化嘍~

記得cmd要一職開著,這樣才能編譯。

以上是對scss的簡單教學,如果有錯誤歡迎指出喔。

Leave a Reply