Auto compiler les fichiers SCSS dans Sublime Text 2

Ok, voici ce que je veux:

  1. Que j'écris .scss fichiers, pas .sass fichiers
  2. Sur l'enregistrement du fichier, j'obtiens le correspondant .fichier css dans le même dossier

Maintenant il ya beaucoup de SASS des plugins sur le Sublime Text2 mais aucun ne semble apporter quelque chose au-delà de la coloration syntaxique pour moi.

Des suggestions sur la façon d'obtenir l'auto-compilation de travail sur la Sublime Text2.

InformationsquelleAutor Rajat | 2012-08-10
  1. 6

    Je n'ai pas trouver les plugins existants qui l'a fait, si elle est ici:

    En supposant que vous avez installé le SCSS plugin de Contrôle d'un Package, vous pouvez l'enregistrer comme 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()

    Bien sûr, ce serait mieux comme un Paquet officiel de Contrôle de plugin avec des paramètres configurables par l'utilisateur (l'emplacement où enregistrer les fichiers, on/off, etc), mais cela répond à vos exigences et ne bloque pas l'éditeur.

    • Comment Sublime Text2 d'appeler ce fichier?
    • Pour des raisons d'être explicite: Il fonctionne. Je l'ai testé. Sublime Text 2 analyse tous les fichiers python, en vertu de son répertoire Packages. Dans ce cas, Sublime Text analyse SCSS.py et la classe définie dans il hérite de sublime de l'EventListener classe. Parce qu'il remplace le on_post_save méthode, Sublime va appeler cette méthode après chaque enregistrement. Voici la documentation officielle pour l'EventListener classe de plugin: sublimetext.com/docs/2/...
    • J'ai essayé aussi. Ne fonctionne pas pour moi. Mon dossier packages sont les suivantes: 1) SCSS Dossier 2) Votre SCSS.py fichier 3) SCSS.pyc fichier.
    • Avez-vous d'installer le Package de Contrôle de plug-in, et est votre syntaxe définie pour les SCSS (maj+ctrl+p et de type "Set de Syntaxe: SCSS")? Si oui et ça ne marche toujours pas, frappé ctr+~ pour afficher le SAINT de la console, puis essayez d'enregistrer le fichier à nouveau. Il devrait y avoir de sortie de la console en expliquant les erreurs. Je peux vous aider avec la sortie.
    • De l'écriture du fichier /Users/rajat/espace de travail/css/test.scss avec le codage UTF-8 d'Exception dans le thread Thread-3: Traceback (most recent call last): File "/System/Library/Frameworks/Python.framework/Versions/2.6/lib/python2.6/threading.py" de ligne, 532, dans __bootstrap_moi intérieur.run() File "/System/Library/Frameworks/Python.framework/Versions/2.6/lib/python2.6/threading.py", la ligne 484, dans la course auto.__cible(*auto.__args, **self.__kwargs) TypeError: l'argument Requis 'filename' (pos 2) pas trouvé
    • Vous avez raison! J'ai corrigé le code. Python fils et moi ne sont pas de très bons amis encore. Aussi, j'ai fixé un bogue où la production serait d'obtenir écrites au mauvais endroit s'il y avait des espaces dans le chemin.
    • Fonctionne parfaitement pour moi maintenant. Merci beaucoup!
    • Ne fonctionne pas. syntax_name de ST2 est devenu syntax_name en ST3, mais même alors, rien ne se passe sur enregistrer. Aucun message d'erreur dans la console. Quand vous dites "en Supposant que vous avez installé le SCSS plugin de Contrôle du Paquet", qui plugin spécifique parlez-vous (il y a un tas d'entre eux avec ce nom.) Enfin, est-il besoin d'un particulier de la distribution de Sass?

    InformationsquelleAutor Matt York
  2. 5

    Vous devriez considérer l'utilisation du système de construction au lieu de module d'elle. Il est très simple à faire.

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

    Quelque chose comme ceci:

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

    Et il suffit de frapper ctrl + b t build fichier en cours. Si vous avez plusieurs versions pour scss vous pouvez sélectionner l'une de construire menu (Tools -> Build Systems).

    • Il me semble me rappeler qu'il est également possible de l'avoir déclenchée "sur " enregistrer"
    • quel est ce chemin? en quoi est-il fait référence?
    InformationsquelleAutor dikamilo
  3. 3

    Vous pouvez utiliser SublimeOnSaveBuild plugin.
    Et dans le plugin paramètres de filtre il suffit de laisser .scss fichiers!
    Il fonctionne pour tout simplement génial!

    • C'est exactement ce dont j'avais besoin.
    InformationsquelleAutor Vasiliy Nikolaev
  4. 1

    Je cherchais un sass/scss compilateur plugin pour Sublime de Test, mais j'ai mes dossiers source distincte de mon css dossiers. Donc, en partant, les commentaires laissés ici, j'ai écrit SassBuilder qui tourne sur un fichier de configuration stockées dans votre dossier source. Il a également été soumis à la Sublime Paquet référentiel de Contrôle. Une fois qu'ils tirent de la demande, vous pouvez l'installer à partir de là.

    SassBuilder sur github

    InformationsquelleAutor Nathan L.
  5. 1

    Sass Builder est un nouveau plugin qui est disponible dans le Gestionnaire de paquets de sublime text.
    Cela ne nécessite pas de configuration. Il suffit d'écrire votre scss et frapper cmd + b pour compiler.
    Votre fichier css sera généré dans le même dossier que scss.

    InformationsquelleAutor Nikhil Madhamshettiwar