SCSS編譯為CSS的在線工具有不少,但我認為最好用的非codepen在線編輯器莫屬,根據(jù)我個人使用體驗,原因有二:1、界面潔凈無廣告 2、一些SCSS代碼在其他工具編譯失敗,但在codepen卻成功。
下面介紹如何使用該工具把SCSS代碼編譯成CSS代碼。
1、打開在線編譯器
https://codepen.io/pen/
2、把SCSS代碼復(fù)制到CSS編輯窗口。
3、點擊CSS編輯窗口右上方的齒輪圖標,選擇“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