1

Как добавить элемент контекстного меню, если щелкнуть правой кнопкой мыши файл .scss, чтобы программа SASS его просмотрела?

Пример команды CLI:

sass --watch MySassStyle.scss --style compressed

Приведенная выше команда используется после изменения каталога, в котором находится файл .scss. Где «MySassStyle.scss» - это любой выбранный файл .scss.

Таким образом, пункт контекстного меню изменит каталог на каталог, в котором находится выбранный файл .scss, а затем запустит команду sass для файла (независимо от имени файла).


Обновление: обнаружен замечательный редактор кода Sublime Text 2 и пакет на Github, который включает в себя хороший встроенный скрипт сборки: https://github.com/n00ge/sublime-text-haml-sass

Теперь я могу нажать Ctrl+B, чтобы посмотреть файл прямо из Sublime Text 2.


Обновление 2: я решил поделиться своим ответом на мой вопрос для тех, кто не использует Sublime Text 2. Используя код из пакетного файла, который находится в пакете Github выше, это довольно легко сделать.

  1. Откройте Блокнот, вставьте следующий код, затем сохраните файл как «SASSWatch.bat» (с кавычками):

    cd /d %1
    sass --watch .:. --style compressed
    pause
    

    Примечание: удалите --style compressed для вывода в несжатый файл .css, или добавьте другие параметры, такие как --no-cache чтобы отключить папку кеша.

  2. Откройте окно "Выполнить" (Win+R) и введите control folders . Это открывает настройки параметров папки.

  3. Нажмите на вкладку "Типы файлов" и прокрутите вниз до типа файла SCSS (если он не существует, вместо этого нажмите кнопку "Создать" и вручную добавьте расширение SCSS).
    После выбора нажмите кнопку "Дополнительно", затем нажмите кнопку «Новый ...», чтобы добавить новое действие.
    Назовите действие "Наблюдать" и вставьте следующий код в поле «Приложение, используемое для выполнения действия» (с помощью кавычек измените путь к месту расположения командного файла):

    "C:\Documents and Settings\Username\Desktop\SASSWatch.bat" "%1"
    
  4. Нажмите "ОК" на всех окнах, все готово! Теперь щелкните правой кнопкой мыши любой файл .scss и выберите "Смотреть", чтобы просмотреть файл с помощью SASS.

0