Prise en charge de Sass pour Sublime Text 2?

Existe-t-il un package existant pour l’édition de Sass dans Sublime Text 2?

Cela semble être populaire: https://github.com/n00ge/sublime-text-haml-sass

Cependant, après l’installation, il semble que cela ne fournisse qu’une mise en évidence de la syntaxe pour les fichiers scss .

Idéalement, j’aimerais que la syntaxe soit mise en évidence, indentée et complétée.

Je vous recommande d’aller avec celui-ci: https://github.com/nathos/sass-textmate-bundle , ne serait-ce que pour la complétion du code incroyable – compatible avec SASS / SCSS.

En cas de doute sur les paquets, et en supposant que vous utilisiez l’incroyable Sublime Package Control , utilisez simplement la liste des paquets , tapez quelque chose (le résultat sera sortingé en fonction du nombre d’installations), et le plus populaire est généralement le meilleur.

La raison pour laquelle cela ne fonctionne que pour vos fichiers scss est que les parameters de mise en évidence de Ruby HAML remplacent votre mise en évidence sass.

Goto Preferences > Browse Packages...

Rechercher et ouvrir Ruby Haml.tmLanguage dans le dossier Rails

changez les fileTypes à partir de:

     fileTypes  haml sass   foldingStartMarker ^\s*([-%#\:\.\w\=].*)\s$ foldingStopMarker ^\s*$ ... 

à:

     fileTypes  haml  foldingStartMarker ^\s*([-%#\:\.\w\=].*)\s$ foldingStopMarker ^\s*$ ... 

Maintenant, le package de mise en évidence SASS que vous avez installé devrait fonctionner correctement.

J’ai récemment publié un article sur ce sujet: Comment append le support SASS au texte sublime .

Voici un résumé rapide:

  • Pour obtenir une mise en évidence de la syntaxe, installez le plug-in sass-textmate-bundle , appelé simplement Sass dans Package Control. Vous constaterez que les fichiers sass ne seront pas correctement mis en évidence par défaut, mais dans le post, je détaille un correctif de deux secondes qui n’implique pas de piratage des plugins par défaut de Sublime.
  • Installez le plug-in SASS Build pour permettre la scss fichiers sass et scss à partir de Sublime.
  • Ajoutez le plug-in SublimeOnSaveBuild , qui exécute automatiquement une génération chaque fois que vous enregistrez des modifications dans un fichier.

Consultez l’ article sur le blog pour plus de détails.

en ce qui concerne cet article :

  1. installer le plugin sass-textmate-bundle
  2. ouvrir un fichier sass
  3. cliquez sur Afficher | Syntaxe | Open all avec l’extension actuelle comme… | Toupet

Si un conflit de paquet cause des problèmes (comme le problème Haml) et que vous devez modifier / remplacer un paquet tel que la suppression de la partie sass du fichier Ruby HAML , alors je vous recommande fortement et éditeur) plugin.

  1. Installez PackageResourceViewer
  2. Utilisez la palette pour faire PackageResourceViewer: Open Resource :

    http://img33.imageshack.us/img33/9186/ozek.png

  3. Sélectionnez Rails puis Ruby Haml.tmLanguage :

    screen-2014-02-25_10.37.09.png http://img208.imageshack.us/img208/116/slnn.png

  4. Commentez la ligne incriminée:

    screen-2014-02-25_10.39.12.png http://img163.imageshack.us/img163/7060/axa8.png

  5. Enregistrez le fichier (c’est la partie géniale, car PackageResourceViewer enregistre automatiquement uniquement la partie remplacée au bon endroit.

  6. Terminé.

Maintenant, allez et ajustez tous les petits parameters / valeurs par défaut dans les autres paquets qui vous ennuient.

J’ai rencontré le problème de https://github.com/n00ge/sublime-text-haml-sass ne reconnaissant pas les fichiers .css.sass par défaut de Rails à cause de l’ .css supplémentaire .css . Je suis d’accord avec Maxime ci-dessus que l’utilisation de https://github.com/seaofclouds/sass-textmate-bundle est une meilleure option et que l’installation via le contrôle de package est idéale http://wbond.net/sublime_packages/package_control . La façon de réparer l’extension .css.sass qui n’est pas reconnue consiste à modifier directement le package Sass. Accédez à Sublime Text 2 > Preferences > Browse Packages et modifiez le fichier Sass\Syntaxes\Sass.tmLanguage . Ajoutez css.sass au bloc .

 fileTypes  sass css.sass scss