jsx 中的自动完成 html 标签(sublime text)

Question

我希望能够在我的react/jsx代码中使用html标签的自动完成功能。与 html 文件的工作方式相同。我可以配置 Sublime Text 3 来启用 jsx 文件的标签自动完成功能吗？

Answer 1

值得注意的是，您可以通过复制并稍微修改 Default.sublime-package 附带的 / 的键绑定(bind)来在 JSX 中启用 Sublime 的内置标记更接近。将以下内容添加到您的自定义键盘映射中:

{ "keys": ["/"], "command": "close_tag", "args": { "insert_slash": true }, "context":
  [
    { "key": "selector", "operator": "equal", "operand": "(text.html, text.xml, meta.jsx.js) - string - comment", "match_all": true },
    { "key": "preceding_text", "operator": "regex_match", "operand": ".*<$", "match_all": true },
    { "key": "setting.auto_close_tags" }
  ]
}

假设您使用 Babel 包，选择器 meta.jsx.js 将匹配 JSX 语法并启用标记关闭行为。其他包的范围名称可能不同，在这种情况下您可以使用 ScopeHunter检查您首选的 JSX 语法所应用的范围。