Auto skompilować pliki SCSS w Sublime Text 2

Question

Ok, tutaj jest to, co chcę:

1. piszę plików .scss nie .sass plików
2. Na zapisując plik, pojawia się odpowiedni plik .css w tym samym folderze

Teraz na Sublime Text2 jest dużo wtyczek SASS, ale żadna nie dostarcza niczego poza podświetlaniem składni.

Wszelkie sugestie, jak uzyskać autosynchronizację działającą na Sublime Text2.

Answer 1

nie znaleźliśmy żadnych istniejących wtyczek, że to zrobili, więc tutaj jest:

Zakładając, że masz zainstalowaną wtyczkę SCSS z kontroli pakietów, można zapisać to jako pakiety/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() 

Oczywiście, byłoby lepiej jako oficjalny plugin kontrolnym z konfigurowalnych ustawień użytkownika (gdzie zapisać pliki, on/off, itp), ale spełnia swoje wymagania, a nie blokuje edytor.

Answer 2

Należy rozważyć użycie systemu kompilacji zamiast dedykowanej wtyczki. To bardzo proste.

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

coś takiego:

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

I właśnie hit ctrl + b t zbudować bieżący plik. Jeśli masz wiele kompilacji dla scss, możesz wybrać jedną z menu kompilacji (Tools -> Build Systems).

Answer 3

Szukałem wtyczki kompilatora sass/scss do testu Sublime, ale moje foldery źródłowe są oddzielone od moich folderów css. Tak więc, wychodząc z pozostawionych tu komentarzy napisałem SassBuilder, który uruchamia plik konfiguracyjny zapisany w twoim folderze źródłowym. Został również przesłany do repozytorium Kontroli pakietów Sublime. Po wyciągnięciu prośby możesz ją zainstalować.

SassBuilder on github

Answer 4

Można użyć SublimeOnSaveBuild wtyczki. I w ustawieniach filtrów wtyczki zostaw pliki .scss! Działa po prostu świetnie!

Answer 5

Sass Builder to nowa wtyczka, dostępna w Menedżerze pakietów dla wysublimowanego tekstu. To nie wymaga żadnej konfiguracji. Po prostu napisz swoje scss i naciśnij cmd + b, aby skompilować. Twój plik css zostanie wygenerowany w tym samym folderze co scss.