Как добавить элемент контекстного меню, если щелкнуть правой кнопкой мыши файл .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.

user1460149
источник