无法在SASS /指南针中导入Susy

Question

我不知道如何将atom.io编辑器与susy连接。

我试过搜索“原子苏西”，“原子苏西萨斯”和谷歌中的陌生，但我找不到任何帮助我的东西。 （大多数结果与化学有关，所以我开始写“atom.io”而不是“atom”，这仍然没有产生好的结果）

好的......所以我有： 包含的Atom（编辑）：

1. SASS-自动编译
2. SASS手表

和npm with：

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

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

安装Compass

gem install compass --pre

安装Susy

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;
}

  

现在通过罗盘观看 - “指南针观看”