记忆盒子

SCSS编译为CSS的在线工具有不少，但我认为最好用的非codepen在线编辑器莫属，根据我个人使用体验，原因有二：1、界面洁净无广告 2、一些SCSS代码在其他工具编译失败，但在codepen却成功。

下面介绍如何使用该工具把SCSS代码编译成CSS代码。

1、打开在线编译器

https://codepen.io/pen/

2、把SCSS代码复制到CSS编辑窗口。

3、点击CSS编辑窗口右上方的齿轮图标，选择“CSS Preprocessor”为SCSS，然后点“x”关闭设置。

 4、点击CSS编辑器右上角的箭头，在下拉菜单点击“View Compiled CSS”，这时，SCSS代码立即被编译为CSS代码，我们把这些CSS代码复制到HTML文档里使用即可。

SCSS编译成CSS后的代码。

以上便是使用codepen工具把SCSS代码编译成CSS代码的方法。

把SCSS编译为CSS，如果你在某些在线工具里编译失败，不妨试试codepen，你会有惊喜的。

广告

海外云主机

低至54元 - 可退款

立即选购 >

rxinyun

立即选购 >

标签: SCSS  codepen  

※ 网站速度慢？试试网站自动优化工具 ※