Автоматическая компиляция файлов SCSS в Sublime Text 2

ОК, Вот что я хочу:

  1. Я пишу .файлы scss, нет .файлы Sass
  2. при сохранении файла я получаю соответствующее .CSS-файл в той же папке

теперь есть много плагинов SASS на Sublime Text2, но никто, похоже, не предоставляет ничего, кроме подсветки синтаксиса для меня.

любые предложения о том, как получить автоматическую компиляцию на Sublime Text2.

6
sass sublimetext2

5 ответов

Я не нашел никаких существующих плагинов, которые сделали это, поэтому вот он:

предполагая, что вы установили плагин SCSS из Package Control, вы можете сохранить это как Packages/User/SCSS.py - ... 

import sublime_plugin
import subprocess
import os
from threading import Thread

def compile(input_file):
    output_file = os.path.splitext(input_file)[0] + ".css"
    cmd = "sass '{0}':'{1}'".format(input_file, output_file)
    subprocess.call(cmd, shell=True)

class SCSS(sublime_plugin.EventListener):

    def on_post_save(self, view):
        scope = (view.syntax_name(view.sel()[0].b)).split().pop()
        if scope == "source.scss":
            input_file = view.file_name()
            t = Thread(target=compile, args=(input_file,))
            t.start()

конечно, это было бы лучше как официальный плагин управления пакетами с настраиваемыми пользователем настройками (где сохранять файлы, ВКЛ/ВЫКЛ и т. д.), Но это соответствует вашим требованиям и не блокирует редактор.

6

вы должны рассмотреть возможность использования системы сборки вместо выделенного плагина. Это очень просто сделать.

http://docs.sublimetext.info/en/latest/file_processing/build_systems.html

что-то вроде этого:

{
  "cmd": ["sass","$file"],
  "selector": "source.scss",
  "path": "/usr/local/bin"
}

и нажмите ctrl + b t построить текущий файл. Если у вас есть несколько сборок для scss, вы можете выбрать одну из меню сборки (Tools -> Build Systems).

5

можно использовать SublimeOnSaveBuild плагин. А в настройках плагина фильтра просто оставьте .файлы scss! Это работает для just great!

3

Я искал плагин компилятора Sass / scss для Sublime Test, но у меня есть исходные папки отдельно от моих папок css. Итак, уходя от комментариев, оставленных здесь, я написал SassBuilder, который запускает файл конфигурации, хранящийся в вашей исходной папке. Он также был отправлен в репозиторий управления пакетами Sublime. Как только они вытащат запрос, вы можете установить его оттуда.

SassBuilder на github

1

Sass Builder-это новый плагин, который доступен в менеджере пакетов sublime text. Это не требует никакой конфигурации. Просто напишите scss и нажмите cmd + b для компиляции. Ваш файл css будет создан в той же папке, что и scss.

1