css - compass 应用程序窗口

Question

我有兴趣在 Windows 上使用 Compass 应用程序。我购买了该产品，但它绝对没有任何文档。 (失败) 我不知道如何使用它。

我创建了一个元素，得到了这个结构

directory compassProject/ 
directory stylesheets/ 
directory project/ 
   create manifest.rb 
   create _main.scss 
   create screen.scss 

我假设我要在某个地方编辑一个 css 文件，Compass 会使用 SASS 在其他地方重写它？

提前致谢 泰杜布

Answer 1

对于 Windows，您需要安装 Ruby(必需)。截至目前，建议您使用 Ruby 1.9.3 安装程序:RubyInstallers: Ruby 1.9.3-p550

安装 Ruby 后，安装 Compass:

gem 安装 compass

有关安装 Ruby for Windows 的更多信息，请参阅我就此主题发表的这篇文章: http://jimfrenette.com/2014/11/compass-on-windows/

SASS 设置sass自动编译style.scss 在您的元素 sass 文件夹中，执行 sass watch 命令。每当您的 style.scss 文件被保存时，相应的 style.css 将被写入所有适用的浏览器扩展、可重用的属性等。

# change to your sass folder in your project directory
# e.g., cd ~/mywebsite/sass

$ sass --watch  style.scss:../css/style.css
 >>> Sass is watching for changes. Press Ctrl-C to stop.
←[32m      write ../css/style.css
←[0m←[32m      write ../css/style.css.map
←[0m

这篇文章详细介绍了如何使用 Bourbon，这是一种类似的、更轻便的 Compass 替代品，如果您有兴趣，它可能会有所帮助:http://jimfrenette.com/2014/10/bourbon/