7
votes

Compiler automatiquement les fichiers SCSS dans le texte sublime 2

OK, voici ce que je veux:

  1. i écrire des fichiers .scss, pas des fichiers .sass
  2. Pour enregistrer le fichier, je reçois le fichier .CSS correspondant dans le même dossier

    Maintenant, il y a beaucoup de plugins Sass sur Sublime Text2, mais aucun ne semble fournir quoi que ce soit au-delà de la syntaxe en surbrillance pour moi.

    Toute suggestion sur la façon d'obtenir une compilation automatique de travail sur sublime Text2.


1 commentaires

ici Comment répondre [1], pour boire SASK dans le texte sublime 2 à l'aide du système de construction [1]: Stackoverflow. com / questions / 12448546 / ...


5 Réponses :


6
votes

Je n'ai trouvé aucun plug-ins existant qui l'a fait, alors voici:

supposant que vous avez installé le plugin SCSS à partir du contrôle de package, vous pouvez enregistrer cela sous forme de packages / utilisateur / scs.py. xxx

Bien sûr, cela serait mieux en tant que plugin officiel de contrôle de package avec des paramètres configurables par l'utilisateur (où enregistrer des fichiers, ON / OFF, etc.), mais cela répond à vos exigences. et ne bloque pas l'éditeur.


8 commentaires

Comment SUBLIMIMIMIME SMST2 sera-t-il suivi ce fichier?


Par souci d'être explicite: cela fonctionne. Je l'ai testé. Le texte sublime 2 analyse tous les fichiers Python sous son répertoire de packages. Dans ce cas, le texte sublime analyse SCSS.PY et la classe définie en elle hérite de la classe EventListener de Sublime. Parce qu'il remplace la méthode on_post_save, SUBLIMIME appellera cette méthode après chaque sauvegarde. Voici la documentation officielle de la catégorie Plugin EventListener: Sublimeext.com/docs / 2 / ...


J'ai essayé ça. Ne fonctionne pas pour moi. Mes packages Folder possède les éléments suivants: 1) Dossier SCSS 2) Votre fichier SCSS.PY 3) Un fichier SCSS.PPYC.


Avez-vous installé le plugin de contrôle du package et est votre syntaxe actuellement définie sur SCSS (SCNS + CTRL + P et TYPE "SECTAX: SCSS")? Si oui et que cela ne fonctionne toujours pas, appuyez sur CTR + ~ pour afficher la console ST, puis essayez de sauvegarder le fichier à nouveau. Il devrait y avoir une sortie dans la console expliquant toutes les erreurs. Je peux vous aider avec la sortie.


Fichier d'écriture /users/rajat/workspace/css/test.scs avec encodage UTF-8 Exception dans le fil thread-3: Traceback (dernier appel): Fichier "/System/Library/frameworks/python.framework/versions/2.6 / Li B / Python2.6 / threadin g.py ", ligne 532, dans __bootstrap_inner Self.run () Fichier" /System/Library/frameworks/python.framework/versions/2.6/li b / python2.6 / threadin g.py ", ligne 484, à court moi-même .__ cible (* auto .__ arguments, ** auto .__ kwargs) TypeError: argument requis 'nom de fichier' (POS 2) non trouvé


Vous avez raison! J'ai corrigé le code. Fils de python et je ne suis pas encore très bon amis. En outre, j'ai corrigé un bogue où la sortie serait écrite au mauvais endroit s'il y avait des espaces sur le chemin.


Travaille pour moi parfaitement maintenant. Merci beaucoup!


Ne fonctionne pas. Syntax_Name de ST2 est devenu syntax_name dans ST3, mais même alors rien ne se passe sur Sauge. Pas de message d'erreur dans la console. Lorsque vous dites "en supposant que vous ayez installé le plugin SCSS du contrôle de package", quel plugin spécifique parlez-vous (il y a un tas de ce nom.) Enfin, faut-il une distribution particulière de SASS?



5
votes

Vous devez envisager d'utiliser le système de construction au lieu de plugin dédié. C'est très simple à faire.

http://docs.sublimeextex.info/ FR / DERNENT / FILE_PRACESSING / BUILD_SYSTEMS.HTML P>

Quelque chose comme ceci: p>

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


2 commentaires

Il me semble que je me souviens qu'il est également possible d'avoir ce déclenché "sur sauver"


Quel est ce chemin? Qu'est-ce que cela signifie?



1
votes

Je cherchais un plugin compilateur SASS / SCSS pour un test sublime, mais mes dossiers sources sont séparés de mes dossiers CSS. Donc, sortir des commentaires laissés ici, j'ai écrit SassBuilder qui exécute un fichier de configuration stocké dans votre dossier source. Il a également été soumis au référentiel de contrôle de paquet sublime. Une fois qu'ils tirent la demande, vous pouvez l'installer à partir de là.

SassBuilder sur Github


0 commentaires

3
votes

Vous pouvez utiliser plugin SUBLIMIMEONSAVEBUILD . Et dans les réglages du filtre à plug-in, laissez simplement des fichiers .scss! Ça marche pour juste super!


1 commentaires

C'est exactement ce dont j'avais besoin.



1
votes

Sass Builder est le nouveau plugin disponible dans le gestionnaire de paquets de texte sublime. Cela ne nécessite aucune configuration. Écrivez simplement vos SCS et appuyez sur CMD + B pour compiler. Votre fichier CSS sera généré dans le même dossier que SCSS.


0 commentaires