从指南针和 Sass 开始
Starting with Compass and Sass
我想问一下,我如何才能继续从事现有项目,同时没有使用此处 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,并且在命令行中尝试了各种命令,但没有任何效果。
例如,从指南针页面,我已经尝试过:
$ cd /path/to/project
$ compass watch
但这什么都不做,只是在命令行中显示一些信息,那个罗盘正在观察变化...
所以一般来说,如何在没有安装组件的情况下继续这个项目?
为了使用 Sass 和指南针,
您需要安装 Ruby
、sass
和 compass
,
然后移动到config.rb
文件所在的工程文件夹路径,
然后运行这里的compass watch
您可以在终端 / bash / 命令提示符
上看到如下内容
>>> Compass is watching for changes. Press Ctrl-C to Stop.
在此之后如果没有创建 css 文件,您必须简单地对导入到 style.scss
的 scss 文件或部分文件(_filename)之一进行一些更改。
link 将指导您正确安装和创建项目文件夹设置。
http://compass-style.org/install/
我想问一下,我如何才能继续从事现有项目,同时没有使用此处 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,并且在命令行中尝试了各种命令,但没有任何效果。
例如,从指南针页面,我已经尝试过:
$ cd /path/to/project
$ compass watch
但这什么都不做,只是在命令行中显示一些信息,那个罗盘正在观察变化...
所以一般来说,如何在没有安装组件的情况下继续这个项目?
为了使用 Sass 和指南针,
您需要安装 Ruby
、sass
和 compass
,
然后移动到config.rb
文件所在的工程文件夹路径,
然后运行这里的compass watch
您可以在终端 / bash / 命令提示符
上看到如下内容
>>> Compass is watching for changes. Press Ctrl-C to Stop.
在此之后如果没有创建 css 文件,您必须简单地对导入到 style.scss
的 scss 文件或部分文件(_filename)之一进行一些更改。
link 将指导您正确安装和创建项目文件夹设置。
http://compass-style.org/install/