Como configurar o Emmet no Sublime para ativar o atalho de comentários?

Question

Como eu habilitei o Emmet no Sublime 2, alguns comandos não funcionam corretamente.

Como posso ativar o que parece ser a funcionalidade padrão, quando em HTML digitar o arquivo

cmd + /

na frente de

<script src="./bower_components/angular/angular.js"></script>

para obter a tag comentada corretamente:

<!-- <script src="./bower_components/angular/angular.js"></script> -->

Neste momento, o mesmo comando gera

// <script src="./bower_components/angular/angular.js"></script>

que está completamente errado.

    

Answer 1

Então, isso não é um problema com o Emmet, mas com a definição de linguagem HTML integrada do Sublime. Por algum motivo, ele é configurado de modo que qualquer linha que comece com uma tag <script> (opcionalmente com espaços antes) seja classificada como source.js.embedded , o que significa que quando o atalho de comentário é acionado, ele usa o comentário // do JS marcador em vez do HTML <!-- --> um.

A maneira mais fácil que encontrei para contornar isso é instalar o pacote HTML5 via Package Control , que eu suponho que você já tenha instalado enquanto estiver usando o Emmet. Instale o novo pacote, abra suas preferências de usuário ( Sublime Text 2 -> Preferences -> Settings-User ) e adicione "HTML" à lista "ignored_packages" :

"ignored_packages":
[
    "HTML",
    "Vintage"
],

Salve o arquivo e reinicie o Sublime. Agora, quando você for para View -> Syntax , deve haver apenas uma entrada HTML , mas ela se referirá à sintaxe HTML5, e não à sintaxe interna. Para testar, abra o arquivo que você estava editando acima, coloque o cursor antes da tag <script> e tecle ⌘ / . A linha inteira agora deve estar cercada de comentários em HTML:

<!-- <script src="./bower_components/angular/angular.js"></script> -->