☰

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

tag-icon • tag-icon keyboard-shortcuts sublime-text-2 key-binding
Como configurar o Emmet no Sublime para ativar o atalho de comentários?

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

Como posso ativar o que parece ser a funcionalidade padrão, quando HTMLdigito arquivo

cmd + /

em 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>

o que está completamente errado.

Responder1

Acontece que isso não é um problema com o Emmet, mas com a definição de linguagem HTML integrada do Sublime. Por algum motivo, ele está configurado para que qualquer linha que comece com uma <script>tag (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 //marcador de comentário JS em vez do <!-- -->marcador HTML.

A maneira mais fácil que encontrei de contornar isso é instalar oHTML5pacote viaControle de pacote, que presumo que você já tenha instalado enquanto usa o Emmet. Instale o novo pacote e abra suas preferências de usuário (Sublime Text 2 -> Preferences -> Settings-User) e adicione "HTML"à "ignored_packages"lista:

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

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

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

informação relacionada