69 votes

Sass soutien pour Sublime Text 2?

Est-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 qu'elle ne donne la coloration syntaxique pour le scss fichiers.

Idéalement, j'aimerais que la coloration syntaxique, indentation et des achèvements pour l' sass de la syntaxe.

70voto

Maxime Fabre Points 1483

Je vous recommande d'aller avec celui-là: https://github.com/nathos/sass-textmate-bundle- ce que pour l'incroyable complétion de code compatible avec SASS/SCSS.

En cas de doute sur les paquets, et en supposant que vous utilisez l'incroyable Sublime de Contrôle d'un Package, il suffit d'utiliser la liste de paquets, tapez quelque chose (le résultat sera triée par le nombre d'installations), et généralement les plus populaires est le meilleur.

46voto

Alexander Ekdahl Points 670

La raison, c'est seulement pour vos fichiers scss est parce que le Rubis HAML paramètres de mise en surbrillance des remplacements de votre sass mise en évidence.

Goto Preferences > Browse Packages...

Trouvez et ouvrez Ruby Haml.tmLanguage à l'intérieur de l' Rails le dossier

modifier les types de fichiers à partir de:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>fileTypes</key>
    <array>
        <string>haml</string>
        <string>sass</string> <!-- This line is causing the problem -->
    </array>
    <key>foldingStartMarker</key>
    <string>^\s*([-%#\:\.\w\=].*)\s$</string>
    <key>foldingStopMarker</key>
    <string>^\s*$</string>
...

pour:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>fileTypes</key>
    <array>
        <string>haml</string>
    </array>
    <key>foldingStartMarker</key>
    <string>^\s*([-%#\:\.\w\=].*)\s$</string>
    <key>foldingStopMarker</key>
    <string>^\s*$</string>
...

Maintenant, le SASS soulignant package que vous avez installé devrait fonctionner correctement.

21voto

Josh Earl Points 6462

J'ai fait un post de blog récemment à ce sujet: Comment Ajouter SASS Soutien à Sublime Text.

Voici un résumé rapide:

  • Pour obtenir la syntaxe, installer le sass-textmate-bundle plugin, simplement baptisé Sass dans le Paquet de Contrôle. Vous trouverez qu' sass fichiers ne sont pas correctement mis en surbrillance par défaut, mais dans le post, je détail un deux-deuxième correctif qui n'implique pas de piratage de Sublime par défaut des plugins.
  • Installer le SASS Construire plugin pour permettre la construction sass et scss des fichiers à partir de Sublime.
  • Ajouter le SublimeOnSaveBuild plugin, qui s'exécute automatiquement un build à chaque fois que vous enregistrez les modifications apportées à un fichier.

Découvrez le blog pour plus de détails.

18voto

blackbiron Points 190

au sujet de cet article :

  1. installer sass-textmate-bundle plugin
  2. ouvrir un fichier sass
  3. cliquez sur Afficher | Syntaxe | Ouvert à tous avec extension en cours ... | Sass

3voto

cwd Points 8723

Si un paquet conflit est à l'origine de la difficulté ( comme le Haml ) et vous avez besoin de modifier / annuler un forfait, comme le retrait de l' <string>sass</string> de la partie de l' Ruby HAML le fichier, alors je recommande fortement le Paquet de Ressources Spectateur (et l'éditeur) plugin.

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



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

    screen-2014-02-25_10.37.09.png
  4. Commentez la ligne incriminée:

    screen-2014-02-25_10.39.12.png

  5. Enregistrez le fichier ( ce est la partie impressionnante, parce que l' PackageResourceViewer enregistre automatiquement juste remplacés partie automatiquement à la bonne place.

  6. Fait.

Maintenant, allez et de modifier tous les paramètres de petits / valeurs par défaut dans les autres paquets qui ont été ennuyeux vous.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X