SublimeでEmmetをJSXを使用する際に有効にする

SublimeでTabキーでEmmetのSyntaxを展開する。

http://wesbos.com/emmet-react-jsx-sublime/
https://gist.github.com/wesbos/2bb4a6998635df97c748
https://github.com/facelessuser/ScopeHunter

↓をSublimeのkeybindingsのUser設定にペーストする。

[
  // http://wesbos.com/emmet-react-jsx-sublime/
  // https://gist.github.com/wesbos/2bb4a6998635df97c748
  // https://github.com/facelessuser/ScopeHunter
  {
  "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": "meta.group.braces.round.js, meta.group.braces.curly.js, text.html, source.css",
      "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"
    // }
  ]
}
]

他の方が書いた記事

ReactのjsxファイルでSublimeText3 + Emmetを使おう
高速にJSXを書いていくTips