¿Cómo configurar Emmet en Sublime para habilitar el acceso directo a comentarios?

Question

Desde que habilité Emmet en Sublime 2, algunos comandos no funcionan correctamente.

¿Cómo puedo habilitar lo que parece ser la funcionalidad predeterminada cuando estoy HTMLescribiendo archivos ?

cmd + /

delante de

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

para obtener la etiqueta correctamente comentada:

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

Ahora mismo genera el mismo comando

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

lo cual es completamente incorrecto.

Answer 1

Entonces resulta que esto no es un problema con Emmet, sino con la definición de lenguaje HTML incorporada de Sublime. Por alguna razón, está configurado para que cualquier línea que comience con una <script>etiqueta (opcionalmente con espacios antes) se clasifique como source.js.embedded, lo que significa que cuando se activa el acceso directo al comentario, utiliza el //marcador de comentario JS en lugar del HTML <!-- -->.

La forma más fácil que encontré para solucionar este problema es instalar elHTML5paquete a través deControl de paquetes, que supongo que ya tienes instalado porque estás usando Emmet. Instale el nuevo paquete, luego abra sus preferencias de usuario (Sublime Text 2 -> Preferences -> Settings-User) y agregar "HTML"a la "ignored_packages"lista:

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

Guarde el archivo y reinicie Sublime. Ahora, cuando vayas aView -> Syntaxsolo debería haber una HTMLentrada, pero se referirá a la sintaxis HTML5, no a la incorporada. Para probar, abra el archivo que estaba editando arriba, coloque el cursor antes de la <script>etiqueta y presione ⌘/. Ahora toda la línea debería estar rodeada de comentarios HTML:

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