web-dev-qa-db-fra.com

Support Sass pour Sublime Text 2?

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

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

Cependant, après l’installation, il apparaît qu’il ne fournit que la coloration syntaxique des fichiers scss.

Idéalement, j'aimerais que la syntaxe mette en évidence la mise en évidence, l'indentation et la complétion de la syntaxe sass.

sasssublimetext
67
user1419762

Je vous recommande de choisir celui-ci: https://github.com/nathos/sass-textmate-bundle , ne serait-ce que pour l'incroyable code complet - compatible avec SASS/SCSS.

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

70
Maxime Fabre

Cela ne fonctionne que pour vos fichiers scss, car les paramètres de mise en surbrillance HAML Ruby) ont priorité sur votre mise en surbrillance sass.

Aller à Preferences> Browse Packages...

Trouvez et ouvrez Ruby Haml.tmLanguage dans le dossier Rails

changer les fileTypes 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>
...

à:

<?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 paquet de surbrillance SASS que vous avez installé devrait fonctionner correctement.

46
Alexander Ekdahl

J'ai récemment publié un article sur ce sujet dans un blog: Comment ajouter le support SASS au texte sublime .

Voici un résumé rapide:

  • Pour obtenir la coloration syntaxique, installez le plugin sass-textmate-bundle , appelé simplement Sass dans le Contrôle de package. Vous constaterez que les fichiers sass ne seront pas correctement mis en évidence par défaut, mais dans l'article, je détaille un correctif de deux secondes qui ne nécessite pas de piratage des plug-ins par défaut de Sublime.
  • Installez le plugin SASS Build pour activer la construction des fichiers sass et scss de Sublime.
  • Ajoutez le SublimeOnSaveBuild plugin , qui exécute automatiquement une construction chaque fois que vous enregistrez les modifications apportées à un fichier.

Consultez le blog post pour plus de détails.

21
Josh Earl

en ce qui concerne cet article :

  1. installer le plugin sass-textmate-bundle
  2. ouvrir un fichier sass
  3. click Afficher | Syntaxe | Ouvrez tout avec l'extension actuelle en tant que… | Sass
18
blackbiron

Si un conflit de paquetage cause des problèmes (comme le problème Haml) et que vous devez modifier/remplacer un paquetage, comme supprimer le fichier <string>sass</string> partie du Ruby HAML fichier, alors je recommande vivement le plug-in Visionneuse de ressources de paquet (et éditeur) .

  1. Installer 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 Tweaker tous les petits réglages/valeurs par défaut des autres paquets qui vous ont ennuyé.

3
cwd

J'ai rencontré le problème de https://github.com/n00ge/sublime-text-haml-sass ne reconnaissant pas Rails default .css.sass fichiers à cause de l'extra .css _ extension. Je suis d'accord avec Maxime que l'utilisation de https://github.com/seaofclouds/sass-textmate-bundle est une meilleure option et que l'installation via le contrôle du package est idéale http: // wbond.net/sublime_packages/package_control . Pour résoudre le problème de non-reconnaissance de l'extension .css.sass, vous devez éditer directement le package Sass. Aller à Sublime Text 2 > Preferences > Browse Packages et éditez le Sass\Syntaxes\Sass.tmLanguage fichier. Ajouter <string>css.sass</string> au <array> bloc.

<key>fileTypes</key>
<array>
  <string>sass</string>
  <string>css.sass</string>
  <string>scss</string>
</array>
2
user1159653