Complemento oficial de Emmet para Sublime Text.
Advertencia: es posible que este complemento no funcione en algunos sistemas operativos, ya que está escrito en JavaScript y utiliza binarios PyV8 y Google V8 para ejecutarse. Si tiene problemas o fallas en el editor, complete un problema.
Con control de paquetes:
Emmet .A mano:
ADVERTENCIA : Cuando se instala el complemento, descargará automáticamente el binario PyV8 requerido, por lo que tendrá que esperar un poco (consulte Carga del mensaje binario PyV8 en la barra de estado). Si tiene problemas con el cargador automático de PyV8, intente instalarlo manualmente.
Acciones de incremento/disminución del número:
Puede ampliar Emmet fácilmente con nuevas acciones y filtros o personalizar los existentes. En Emmet.sublime-settings , defina la configuración extensions_path y Emmet cargará todos los archivos .js y .json en la carpeta especificada al inicio.
El valor predeterminado de extensions_path es ~/emmet , que apunta a la carpeta emmet dentro de la carpeta de inicio del usuario de su sistema operativo.
Además, puede crear secciones nombradas como archivos de extensión (por ejemplo, snippets , preferences y syntaxProfiles ) dentro del archivo Emmet.sublime-settings del usuario y escribir sus personalizaciones allí. Consulte el archivo de configuración original para ver ejemplos.
Sublime Text es un excelente editor de texto con muchas funciones y acciones. La mayoría de estas acciones están vinculadas a atajos de teclado, por lo que es casi imposible proporcionar atajos de complementos convenientes para complementos de terceros.
Si no está satisfecho con el mapa de teclas predeterminado, puede desactivar los atajos de teclado individuales con la preferencia disabled_keymap_actions del archivo Emmet.sublime-settings .
Utilice una lista separada por comas de nombres de acciones cuyos atajos de teclado predeterminados deben deshabilitarse. Por ejemplo, si desea liberar los accesos directos Ctrl+E (“Expandir abreviatura”) y Ctrl+U (“Actualizar tamaño de imagen”), debe establecer el siguiente valor:
"disabled_keymap_actions": "expand_abbreviation, update_image_size"
Debe consultar el archivo Default (Your-OS-Name).sublime-keymap para obtener identificadores de acción (busque args/action ).
Para deshabilitar todos los accesos directos predeterminados, establezca el valor en all :
"disabled_keymap_actions": "all"
No es que si deshabilitaste alguna acción como esta y estás creando tu propio método abreviado de teclado, no deberías usar el contexto emmet_action_enabled.ACTION_NAME ya que esta es la tecla que deshabilita la acción.
Emmet amplía las abreviaturas solo en sintaxis limitadas: HTML, CSS, LESS, SCSS, Stylus y PostCSS. La razón para restringir el controlador Tab a una lista de sintaxis limitada es porque rompe los fragmentos nativos de Sublime Text.
Si desea abreviar con Tab en otras sintaxis (por ejemplo, JSX, HAML, etc.), debe modificar la configuración de los métodos abreviados de teclado: agregue el comando expand_abbreviation_by_tab para la tecla tab para los selectores de alcance de sintaxis requeridos. Para obtener el selector de alcance de sintaxis actual, presione ⇧⌃P (OSX) o Ctrl+Alt+Shift+P , se mostrará en la barra de estado del editor.
Vaya a Preferences > Key Bindings — User e inserte el siguiente fragmento JSON con el selector de alcance configurado correctamente en lugar del token SCOPE_SELECTOR :
{
"keys" : [ "tab" ] ,
"command" : "expand_abbreviation_by_tab" ,
// put comma-separated syntax selectors for which
// you want to expandEmmet abbreviations into "operand" key
// instead of SCOPE_SELECTOR.
// Examples: source.js, text.html - source
"context" : [
{
"operand" : "SCOPE_SELECTOR" ,
"operator" : "equal" ,
"match_all" : true ,
"key" : "selector"
} ,
// run only if there's no selected text
{
"match_all" : true ,
"key" : "selection_empty"
} ,
// don't work if there are active tabstops
{
"operator" : "equal" ,
"operand" : false ,
"match_all" : true ,
"key" : "has_next_field"
} ,
// don't work if completion popup is visible and you
// want to insert completion with Tab. If you want to
// expand Emmet with Tab even if popup is visible --
// remove this section
{
"operand" : false ,
"operator" : "equal" ,
"match_all" : true ,
"key" : "auto_complete_visible"
} ,
{
"match_all" : true ,
"key" : "is_abbreviation"
}
]
}El complemento Emmet le permite expandir las abreviaturas con la tecla Tab , como si fueran fragmentos normales. Por otro lado, debido a la naturaleza dinámica y la sintaxis extensa, a veces es posible obtener resultados inesperados. Esta sección describe cómo funciona el controlador de pestañas y cómo puede ajustarlo.
De forma predeterminada, el controlador Tab funciona en ámbitos de sintaxis limitados: HTML, XML, HAML, CSS, SASS/SCSS, LESS, PostCSS y cadenas en lenguajes de programación (como JavaScript, Python, Ruby, etc.). Significa:
line que genera la salida como una sola línea. Para ajustar el controlador de la tecla Tab, puede usar las siguientes configuraciones en el archivo Emmet.sublime-settings del usuario:
disable_tab_abbreviations_for_scopes : una lista separada por comas de ámbitos de sintaxis donde se debe desactivar el controlador de la tecla Tab. Por ejemplo, si desea desactivar el controlador dentro de cadenas de lenguajes de programación y sintaxis HAML, su configuración se verá así: "disable_tab_abbreviations_for_scopes" : " text.haml, string "disabled_single_snippet_for_scopes : una lista separada por comas de ámbitos de sintaxis donde el controlador de pestañas debe desactivarse al expandir una única abreviatura. Actualmente, ST no proporciona API para obtener una lista de fragmentos nativos. Entonces, por ejemplo, si intenta expandir una abreviatura php , se pasará a Emmet, que genera disabled_single_snippet_for_scopes , Emmet buscará su nombre dentro de su propio catálogo de fragmentos primero, dentro de la configuración known_html_tags en segundo lugar y, si no lo encuentra, permitirá que ST lo maneje y ampliar la abreviatura nativa, si coincide.known_html_tags : una lista separada por espacios de todas las etiquetas HTML conocidas utilizadas para la búsqueda como se describe anteriormente. Si no está satisfecho con el comportamiento del controlador de pestañas de Emmet, puede desactivarlo: simplemente agregue "disable_tab_abbreviations": true en el archivo Preferences.sublime-settings del usuario.
Si su flujo de trabajo ya incluye una tarea automatizada para el prefijo de proveedor de CSS (como Autoprefixer), puede desactivar la inserción automática de prefijos de proveedor de Emmet agregando esta opción al archivo Emmet.sublime-settings de su usuario:
{
"preferences" : {
"css.autoInsertVendorPrefixes" : false
}
}
