我希望能够在我的react/jsx代码中使用html标签的自动完成功能。与 html 文件的工作方式相同。我可以配置 Sublime Text 3 来启用 jsx 文件的标签自动完成功能吗?
最佳答案
值得注意的是,您可以通过复制并稍微修改 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 语法所应用的范围。
关于jsx 中的自动完成 html 标签(sublime text),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30027755/