css - 从 Compass 和 Sass 开始

Question

我想问一下，我如何才能继续从事现有元素，同时没有使用这里使用的 compass/sass 的经验？

我一直使用 Grunt 和 Less，但现在我不得不面对 Compass 和 Sass。

在这里，我创建了文件结构的屏幕截图。

我的问题是，如何设置系统才能使这一切正常工作。例如，我在 compass/scss/style.scss 中看到这段代码:

@import "compass";
@import "bootstrap";
@import "mixins";
@import "defaults";
@import "layouts/forms";
@import "layouts/header-footer";
@import "layouts/home";

例如，我看到@import compass，但没有这样的目录，而且我不知道如何附加 - 安装 compass，才能完成这项工作。

另一个问题，我只需要 grunt，配置了 gruntfile，然后我只输入“grunt observe”，less 文件中的所有更改都被转换为一个 css 文件。

但是在这里，我找不到起点。我已经安装了 Ruby，并在命令行中尝试了各种命令，但没有任何效果。

例如，从 compass 页面，我试过:

$ cd /path/to/project
$ compass watch

但这什么都不做，只是在命令行中显示一些信息，那个 compass 正在观察变化......

那么一般来说，如何在没有安装组件的情况下继续这个元素？

Answer 1

对于使用 Sass 和 Compass，您需要安装 Ruby、sass 和 compass，然后移动到config.rb文件所在的工程文件夹路径，然后在此处运行 compass watch你可以在你的终端/bash/命令提示符下看到如下内容
>>> Compass 正在观察变化。按 Ctrl-C 停止。
在此之后如果没有创建 css 文件，您必须简单地对导入到 style.scss 的 scss 文件或部分文件(_filename)之一进行一些更改。

该链接将指导您正确安装和创建元素文件夹设置。 http://compass-style.org/install/