Phpstorm

Главные вкладки

Аватар пользователя Lexins Lexins 16 мая 2016 в 13:26

Добрый день. Пытаюсь настроить среду для удобной разработки. Хочу использовать susy-сетку в проекте, при этом работаю в phpstorm. Но встроенный watcher SCSS ругается на строку require "susy". В чем проблема, подскажите кто знает.

Мой алгоритм действий (работаю в windows):

1. Установил руби
2. в командной строке выполнил команду gem install compass
3. в командной строке перешел в корень темы
4. в командной строке выполнил команду gem install susy
5. в корне темы создал config.rb где прописал

require "susy"

project_type = :stand_alone
http_path = "/"
sass_dir = "scss"
css_dir = "css"
images_dir = "img"
fonts_dir = "fonts"
javascripts_dir = "js"
line_comments = false
preferred_syntax = :scss
output_style = :expanded
relative_assets = true

6. создав все нужные папки, в директории scss создал файл main.scss с кодом
import "susy";

$small: 400px;
$medium: 500px;
$large: 960px;

$susy: (
columns: 12,
gutters: 1/4,
math: fluid,
output: float,
gutter-position: inside,
);

body {
background:#eee;
include container(80%);
}

Результат компиляции:

cmd.exe /D /C call C:/Ruby23/bin/scss.bat --no-cache --update main.scss:main.css
error main.scss (Line 2: File to import not found or unreadable: susy.)

Process finished with exit code 1

Спасибо заранее.

Комментарии

Аватар пользователя g78knl6cvxf0 g78knl6cvxf0 26 мая 2016 в 18:16

Предлагаю использовать вотчер компаса. Для этого такой алгоритм:

  1. Зайти в Settings->Tools->File Watchers и удалить все вотчеры (можно конечно сразу добавить там компас и вынести наверх, но лучше пусть автоматом добавится).
  2. Зайти в какой-нибудь файл scss, где phpstorm автоматом предложит два вотчера Компас и Встроенный
  3. Щелкнуть по компасу.
  4. В появившемся окне для добавления вотчера нажать ок.
  5. Профит.