@debug指令檢測錯誤,并顯示SassScript表達(dá)值到標(biāo)準(zhǔn)錯誤輸出流。
示例
下面是保存擴(kuò)展為.scss,這類似于CSS文件的樣式表文件。
debug.scss
$font-sizes: 10px + 20px;
$style: (
color: #bdc3c7
);
.container{
@debug $style;
@debug $font-sizes;
}
可以告訴SASS監(jiān)視文件,并隨時使用下面的命令更新SASS文件來修改CSS:
sass --watch C:\Ruby22-x64\debug.scss:debug.css
當(dāng)你運行上面的命令,它會自動創(chuàng)建debug.css文件。無論何時更改SCSS文件, debug.css 文件將得到自動更新。
輸出結(jié)果
讓我們來進(jìn)行下面的步驟來看看上面的代碼工作,并調(diào)試錯誤:
保存上述的代碼到 debug.scss 文件中。
在命令提示符下運行上述命令行。