#93 SASS/SCSS (12) 防呆與偵錯 @debug / @warn / @error

Chief Designer @HealthyPlate
⚠️ 本篇文章已搬遷至 css.im1010ioio.dev,請至新站閱讀完整版。
我們已經了解了 SASS/SCSS 的所有主要功能了,不過「我要如何確保別人(或未來的自己)不會用錯我寫的工具?」這是當 Mixin 和 Function 變得越來越複雜時,需要好好考慮的問題。
在 SCSS 中,可以為自己的 Code 建立「防呆」和「除錯」機制,SCSS 提供了三個指令,也就是:@debug、@warn 和 @error。其實我們在介紹 Lists 和 Maps 時就已經稍微帶過其中的 @warn 了。
一、@debug:類似 JS 的 console.log
當你在寫複雜的 Function 或迴圈,想知道某個變數在某個時間點的值到底是多少時,就可以使用 @debug。
它的作用就跟 JS 中的 console.log() 完全一樣,會在你的 Console 終端機 (Terminal) 的編譯訊息中,印出…



