SCSS編譯為CSS的在線工具有不少，但我認(rèn)為最好用的非codepen在線編輯器莫屬，根據(jù)我個人使用體驗，原因有二：1、界面潔凈無廣告 2、一些SCSS代碼在其他工具編譯失敗，但在codepen卻成功。
下面介紹如何使用該工具把SCSS代碼編譯成CSS代碼。
1、打開在線編譯器
https://codepen.io/pen/
2、把SCSS代碼復(fù)制到CSS編輯窗口。
3、點擊CSS編輯窗口右上方的齒輪圖標(biāo)，選擇“CSS Preprocessor”為SCSS，然后點“x”關(guān)閉設(shè)置。
4、點擊CSS編輯器右上角的箭頭，在下拉菜單點擊“View Compiled CSS”，這時，SCSS代碼立即被編譯為CSS代碼，我們把這些CSS代碼復(fù)制到HTML文檔里使用即可。
SCSS編譯成CSS后的代碼。
以上便是使用codepen工具把SCSS代碼編譯成CSS代碼的方法。
把SCSS編譯為CSS，如果你在某些在線工具里編譯失敗，不妨試試codepen，你會有驚喜的。
x
