Как использовать SASS с NetBeans 8.0.1

Я пытаюсь использовать SASS в Netbeans 8.0.1. Я правильно настроил Ruby и SASS на основе отзывов от ruby ​​-v.

У меня есть веб-приложение, настроенное с помощью css и scss-папок в Project\Web Pages\resources.

Мои ввод и вывод установлены на /scss и/css соответственно, и я проверил "Скомпилировать файл Sass при сохранении". Я создал файл styles.scss и добавил некоторые SASS/CSS.

Когда я сохраняю файл styles.scss, должен ли он генерировать файл styles.css? Ничего не происходит, когда я сохраняю или компилирую проект.

Кто-нибудь сталкивается с подобными проблемами или имеет предложения по отладке этой проблемы?

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

Ответы

Ответ 1

Да, когда вы сохраняете файл, css должен быть создан/обновлен. Я думаю, что у вас неправильное сопоставление для каталогов ввода/вывода. Пути должны быть относительны к корню root/web сайта. Я точно не знаю, что такое ваш проект (HTML5 или PHP или Java Web или другое?), Но если у вас есть Java Web-проект, то пути должны быть

resources/scss -> resources/css

Ответ 2

Установка SASS на Windows10, Ruby2.2.3, Netbeans8

  1. Загрузить SASS для Windows - RubyInstaller.org
  2. Установите Ruby как:

Installing SASS in Netbeans

  1. Найдите окна для CMD (командная строка) и запустите его.
  2. Откройте папку Ruby bin с помощью cd \Ruby\bin (нажмите Enter)
  3. Установите sass с помощью команды gem install sass (нажмите Enter, чтобы установить)

Installing SASS in Netbeans

  1. Дождитесь окончания установки

Installing SASS in Netbeans

  1. В Netbeans открыт
    Функции → Инструменты → Разное (HTML/JS в v8. 1+) → Вкладка CSS Preprocessors
  2. Введите путь к установленному sass.bat C:\Ruby\bin\sass.bat нажмите " Установить Sass".
    Подтвердите свои изменения, нажав Применить /OK

Installing SASS in Netbeans

  1. Используйте существующий или создайте новый проект (HTML5, PHP, что угодно...).
    После создания проекта откройте окно "Проекты".
    Щелкните правой кнопкой мыши свой проект и выберите> Свойства.
    Во всплывающем окне "Свойства проекта" выберите "Препроцессоры CSS".
    Выберите Compile SASS Files при сохранении.
    (Если вы хотите, чтобы компилятор автоматически минимизировал ваш файл результатов .css, используйте --style compressed под --style compressed компилятора)

Installing SASS in Netbeans

  1. Вы можете видеть на изображении выше, что компилятор использует два пути к папкам Input (наблюдаемые)/Output (скомпилированные описания) по умолчанию.
    Создайте папку scss (необязательно папку css) в вашем проекте.

Installing SASS in Netbeans

Вы сделали!

Как только вы создадите новый файл .scss или сохраните его, Netbeans автоматически скомпилирует файл в .css в папке /css.

Installing SASS in Netbeans