你如何编译SASS代码到CSS？

Question

我刚刚使用codecademy.com了解了一些sass，我不知道如何“编译”我的main.scss文件到我的main.css文件。有没有人知道我如何使用Notepad ++和/或Sublime Text作为我的文本编辑器？

Answer 1

您需要SASS预处理器将SASS编译为CSS。您应该使用Compass或SASS进行编译。在项目上进行开发时，您可以运行罗盘观察器，以便在进行更改时使CSS文件保持最新。

$ cd /path/to/project
$ compass watch

Compiling Sass into CSS in Sublime Text可以使用名为SassBuilder的插件，您可以通过Package Control安装该插件（参见屏幕截图）。

顺便说一句，一个简单的问题。 main.scss到main.sass或main.css？

Answer 2

有三种选择：

1. 正如另一个人所提到的，您可以使用Sass-builder内置的文本编辑器作为选项之一。这是最简单的选择。您可能仍需要安装Ruby才能使其工作变得困难。

2. 您可以使用Gulp或Grunt等预处理器为您完成此操作。我推荐Gulp为初学者。

3. 您可以通过Ruby软件包管理器下载SASS手动完成：

   • 安装ruby：https://www.ruby-lang.org/en/downloads/
   • 打开Powershell或终端并导航到您的项目目录
   • 键入"gem install sass"以安装sass。
   • 现在创建一个包含所有sass文件的目录和另一个包含css文件目标的目录。
   • 输入sass --watch "yoursassdirectory"/style.scss : "yourcssdirectory"/style.css
   • 现在Sass将在您保存时查看和编译您的sass文件。