无法在SASS / Compass中导入Susy

Question

我不知道如何将atom.io编辑器与苏西连接起来。

我试过搜索google中的“原子苏西”、“原子苏西”和simmiliar，但是我没有发现任何帮助我的东西。(大多数结果与化学有关，所以我开始写"atom.io“而不是”原子“，但这仍然没有带来好的结果。)

好吧..。所以我有: Atom (编辑器)和包：

1. sass-自动编译
2. 斯斯表

和国家预防机制，包括：

1. 节点-sass
2. 苏西
3. 自动装载机

我试过：

@import "/Ruby22/lib/ruby/gems/2.2.0/gems/susy-2.2.12/sass/susy"

但苏西不起作用。

@import "C://Ruby22/lib/ruby/gems/2.2.0/gems/susy-2.2.12/sass/susy"

但苏西还是不起作用。

@import "susy"

错误(未找到)

@import "~/susy/sass/susy"

错误(未找到)

@import "~/susy-2.2.12/sass/susy"

错误(未找到)

有人能告诉我怎样才能让它起作用吗？

我缺少配置了吗？(如果是:在哪里编写这个配置？)

Answer 1

按照以下步骤确保安装是否正确。

安装罗盘

gem install compass --pre

安装苏西

gem install susy --pre

在项目文件夹的根目录中创建config.rb。

# Add the below contents
require "susy"

project_type = :stand_alone
http_path = "/"

# your sass folder
sass_dir = "sass" 
css_dir = "css"
images_dir = "img"
fonts_dir = "fonts"
javascripts_dir = "js"
line_comments = false
preferred_syntax = :scss
output_style = :expanded
relative_assets = true

创建main.scss

// Add the below contents
@import "susy";

body {
 background: #000;
}

现在通过指南针观察--“罗盘手表”