从Compass和Sass开始

Question

我想问一下，我怎么能继续处理现有的项目，而没有使用罗盘/ 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指南针，但没有这样的目录，我不知道如何附加 - 安装指南针，以使这项工作。

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

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

例如，从指南针页面，我尝试过：

$ cd /path/to/project
$ compass watch

但这没有任何作用，只是在命令行中显示一些信息，指南针正在观察变化......

一般来说，如何在没有安装组件的情况下继续使用这个项目？

Answer 1

使用Sass和Compass， 您需要安装Ruby，sass和compass， 然后移动到config.rb文件所在的项目文件夹路径， 然后在这里运行compass watch 您可以在终端/ bash /命令提示符上看到如下内容 >>> Compass is watching for changes. Press Ctrl-C to Stop.
在此之后如果没有创建css文件，您只需对已导入style.scss的其中一个scss文件或部分文件（_filename）进行一些更改。

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