javascript - 如何在 JavaScript 文件中启用 Emmet 的制表键处理程序(HTML 快捷方式)？

Question

默认情况下，Tab 键处理程序仅适用于 JavaScript 字符串。我想在具有 .JS 文件扩展名的 JSX 文件中使用它(并且标签不出现在字符串中。)

Answer 1

以下大部分摘自this gist

预备步骤

1. 安装 Package Control

使用包控制...

1. 安装 Emmet for Sublime Text 3
2. 安装 Reg Replace
3. 安装 Chain of Command

安装了那些...

打开 Preferences > Key Bindings - User 并添加以下映射:

{
    "keys": ["tab"],
    "command": "chain", 
    "args": {
      "commands": [
        ["expand_abbreviation_by_tab"],
        ["reg_replace", {"replacements": ["js_class"]}]
      ]
    },
    "context": [
      {"operand": "source.js", "operator": "equal", "match_all": true, "key": "selector"}, 
      {"key": "preceding_text", "operator": "regex_contains", "operand": "(\\w+>\\w+|\\s(\\.?|a|div|span|p|button)\\.\\w+)", "match_all": true},
      {"key": "selection_empty", "operator": "equal", "operand": true, "match_all": true}
    ]

}

打开 Preferences > Package Settings > Reg Replace > Settings - User 并添加以下内容。这将根据 JSX 语法的要求将 class 替换为 className。

{
    "replacements": {
        "js_class": {
            "find": " class=\"",
            "replace": " className=\"",
            "greedy": true,
            "case": false
        }
    }
}