Sublime text 3, React, método de autocompletado del elemento html (use Emmet para escribir html en jsx)

1. 安装 emmet: Preferencias -> Control de paquetes -> Instalar paquete -> emmet

2. 配置 emmet : Preferencias -> Configuración del paquete -> Emmet -> Vinculaciones de teclas - Usuario

 Pegue el código a continuación en el archivo abierto, y luego puede usar la tecla de tabulación para usar la función de autocompletar para (parte de) elementos html en render

 

[{     "keys": ["tab"],     "command": "expand_abbreviation_by_tab",

    // coloque selectores de sintaxis separados por comas para los que 
    // desee expandir las abreviaturas de Emmet en la clave "operando" 
    // en lugar de SCOPE_SELECTOR.
    // Ejemplos: source.js, text.html - source
    "context": [{             "operand": "source.js",             "operator": "equal",             "match_all": true,             "key": "selector"         },




        // ejecutar solo si no hay texto seleccionado
        {             "match_all": true,             "key": "selection_empty"         },


        // no funciona si hay tabstops activas
        {             "operator": "equal",             "operand": false,             "match_all": true,             "key": "has_next_field"         },




        // no funciona si la ventana emergente de finalización está visible y
        // desea insertar la finalización con Tab. Si desea
        // expandir Emmet con Tab incluso si la ventana emergente es visible - 
        // elimine esta sección
        {             "operand": false,             "operator": "equal",             "match_all": true,             "key": "auto_complete_visible"         }, {             "match_all": true,             "key": "is_abbreviation"         }     ] }]









Supongo que te gusta

Origin blog.csdn.net/qq_36355271/article/details/103990879
Recomendado
Clasificación