如何使用SASS将style.scss转换为style.css

时间:2013-11-06 17:12:53

标签: windows sass

我刚刚安装了Ruby 1.9.3-p448,因为它是由ruby团队推荐的。我回到http://sass-lang.com/install并按照命令进行操作:

gem install sass

并检查我是否通过以下方式继续安装:

sass -v 

一切都变得美观和性感,版本名称显示在我的cmd中。安装过程现已完成,所以我去创建我的第一个SASS文件:style.scss ...

如何将style.scss文件编译到style.css?

2 个答案:

答案 0 :(得分:2)

除了wushudude所说的,我喜欢做的是打开一个资源管理器窗口并导航到我的文件所在的位置,例如“C:\ projects \ myproject \ assets”(假设你有一个css / sass)文件夹在那里),然后按住Shift键,然后右键单击assets文件夹中的任意位置,这里有一个“打开命令提示符”或类似的选项。这样可以更轻松,因此您无需在CMD窗口中输入文件的位置。

在这种情况下,你会sass --watch sass/main.scss:css/main.css

答案 1 :(得分:1)

在CMD中你需要在正确的文件夹中然后告诉sass观看你的scss文件,然后它会在编辑器中的每次保存时将其编译为css ...

sass --watch main.scss:main.css

这将监视一个名为main.scss的文件,并将其编译到另一个名为main.css的文件中。 如果main.css文件不存在,它将创建它,如果它确实存在,它将覆盖它。