Comment puis-je avoir une expansion de l'onglet HTML dans ST2 avec des modèles de guidon à l'intérieur d'Emmet (Emberjs)?

StackOverflow https://stackoverflow.com/questions/19854841

Question

D'accord, donc j'utilise Sublime Text 2 avec Emmet. Mais l'extension "TAB" des extraits HTML ne fonctionne pas à l'intérieur d'un script en raison de la portée.

Exemple: Dans HTML, je peux taper "H1" puis appuyer sur l'onglet, et il générera <h1></h1>

Lorsque vous utilisez Ember.js, et plus spécifiquement le guidon, cela ne fonctionne pas.

<script type="text/x-handlebars">
h1
</script>

Appuyez sur l'onglet après que "H1" ne l'étend pas car il est à l'intérieur d'un script; Emmet éteint cela. Je peux appuyer sur CTRL + E, qui est la caisse "Expand Anywhere", et cela fonctionne très bien. Cependant, cela est inconfortable et sujette à manquer et à frapper des choses comme Ctrl + S ou Ctrl + D qui ont des effets indésirables.

Alors, comment puis-je changer cela?

J'ai tweeté au développeur et j'ai reçu une réponse, https://twitter.com/chikuyonok/status/398708331969540096

Mais je ne pouvais pas comprendre quoi faire.

Était-ce utile?

La solution

À mon avis, il voulait dire que vous deviez changer la portée expand_abbreviation_by_tab. Veuillez ouvrir Default (Windows/Linux/OSX).sublime-keymap, chercher expand_abbreviation_by_tab, ajouter source.js Dans la liste des opérandes. Il le fait prendre l'affect dans le fichier JavaScript.

    "command": "expand_abbreviation_by_tab", 
    "context": [
        {
            "operand": "source.js, source.css, source.sass, source.less, source.scss, source.stylus, text.xml, text.html - source, text.haml, text.scala.html, source string", 
            "operator": "equal", 
            "match_all": true, 
            "key": "selector"
        }, 

Autres conseils

J'ajouterai d'autres éclaircissements ici car cela m'a pris un certain temps pour le découvrir:

  • Copiez tous les deux keys: ["tab"] Objets des clés par défaut Emmet
  • Collez-les dans vos clés d'utilisateur
  • Ajouter source.handlebars en tant que supplémentaire operand à chacun des deux contextes.

Cela fonctionne également avec Ember Syntax Highlighting Lorsque les fichiers de guidon sont interprétés comme Glimmer des dossiers.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top