Emmet: Die automatische Vervollständigung funktioniert nicht mit der TAB-Taste für JSX in Sublime Text 3, Build 3143

Erstellt am 4. Feb. 2018  ·  2Kommentare  ·  Quelle: emmetio/emmet

Hallo, ich weiß, dass dies funktionieren soll, ich habe einen anderen Laptop, auf dem es funktioniert, aber hier habe ich auf den neuesten Sublime-Text 3 aktualisiert, und kein HTML-Tag-Autocomplete funktioniert in JSX.

Hier ist, was ich benutze,

Irgendeine Idee warum? Gibt es ein bekanntes Problem mit anderen Plugins, das ich durchsucht habe, um es herauszufinden, aber nichts funktioniert

{
  "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": "source.js, meta.class.js, meta.group.braces.curly.js, meta.group.braces.round.js, meta.jsx.js ",
      "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"
    }
  ]
}

Hilfreichster Kommentar

Nicht sicher warum, aber das hier unten hat funktioniert!

[
  { "keys": ["tab"], "command": "expand_abbreviation_by_tab", "context":
    [
        { "operand": "source.js", "operator": "equal", "match_all": true, "key": "selector" },
        { "match_all": true, "key": "selection_empty" },
        { "operator": "equal", "operand": false, "match_all": true, "key": "has_next_field" },
        { "operand": false, "operator": "equal", "match_all": true, "key": "auto_complete_visible" },
        { "match_all": true, "key": "is_abbreviation" }
    ]
}
]

Alle 2 Kommentare

Nicht sicher warum, aber das hier unten hat funktioniert!

[
  { "keys": ["tab"], "command": "expand_abbreviation_by_tab", "context":
    [
        { "operand": "source.js", "operator": "equal", "match_all": true, "key": "selector" },
        { "match_all": true, "key": "selection_empty" },
        { "operator": "equal", "operand": false, "match_all": true, "key": "has_next_field" },
        { "operand": false, "operator": "equal", "match_all": true, "key": "auto_complete_visible" },
        { "match_all": true, "key": "is_abbreviation" }
    ]
}
]

Hatte das gleiche Problem, die Konsole sendete Warnungen wie diese "Wert der obersten Ebene muss ein Array sein".

{
  "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": "source.js, meta.class.js, meta.group.braces.curly.js, meta.group.braces.round.js, meta.jsx.js ",
      "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"
    }
  ]
}

Code oben ist Objekt,
und der folgende Code ist ein Array von Objekten

[
  { "keys": ["tab"], "command": "expand_abbreviation_by_tab", "context":
    [
        { "operand": "source.js", "operator": "equal", "match_all": true, "key": "selector" },
        { "match_all": true, "key": "selection_empty" },
        { "operator": "equal", "operand": false, "match_all": true, "key": "has_next_field" },
        { "operand": false, "operator": "equal", "match_all": true, "key": "auto_complete_visible" },
        { "match_all": true, "key": "is_abbreviation" }
    ]
}
]

Dies behebt die Warnung „Wert der obersten Ebene muss ein Array sein“, deshalb funktioniert es.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

MarvinXu picture MarvinXu  ·  10Kommentare

HeikoMamerow picture HeikoMamerow  ·  16Kommentare

corysimmons picture corysimmons  ·  5Kommentare

planetoftheweb picture planetoftheweb  ·  3Kommentare

renatorib picture renatorib  ·  26Kommentare