reactjs – 在Sublime Text 3中,如何在JSX中启用HTML的自动完成功能

概述在Sublime Text 3中,我有一个Babel包,用于在JSX中对 HTML代码进行语法高亮显示. 但是HTML代码没有自动完成,例如包含在render()块中的那些.我们如何为HTML代码启用自动完成功能？ 您需要Emmet插件才能在JSX组件中进行自动完成. 使用包控制器安装Emmet.在其他Emmet功能中,在写入标签名称之后,按Ctrl E将其转换为开 – 关标签对.如果要使用Tab 在Sublime Text 3中,我有一个Babel包,用于在JsX中对 HTML代码进行语法高亮显示.

但是HTML代码没有自动完成,例如包含在render()块中的那些.我们如何为HTML代码启用自动完成功能？

解决方法 您需要emmet插件才能在JsX组件中进行自动完成.

使用包控制器安装emmet.在其他emmet功能中,在写入标签名称之后,按Ctrl E将其转换为开 – 关标签对.如果要使用Tab按钮,则需要通过添加到包设置中来修改基本的emmet配置 – > emmet – >键绑定(用户)一个JSON doc喜欢：

[    {"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,"key": "has_next_fIEld" },{ "operand": false,"key": "auto_complete_visible" },"key": "is_abbreviation" }  ]}]

默认情况下不允许使用Tab自动完成以避免与内部Sublime Text功能冲突,但此脚本将使emmet意识到这一点并允许在JsX文件范围内自动完成

总结

以上是内存溢出为你收集整理的reactjs – 在Sublime Text 3中,如何在JSX中启用HTML的自动完成功能全部内容，希望文章能够帮你解决reactjs – 在Sublime Text 3中,如何在JSX中启用HTML的自动完成功能所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。