无法在reactjs jsx中自动完成标签

Posted

技术标签:

【中文标题】无法在reactjs jsx中自动完成标签【英文标题】:Unable to autocomplete tags in reactjs jsx 【发布时间】:2018-10-25 05:04:24 【问题描述】:

在 Visual Studio Code 中进行 React 开发时如何自动完成结束标记?

有需要安装的包吗?

每次编写 html 元素都非常耗时。

【问题讨论】:

自动补全是一个编辑器功能。因此,在您告诉我们您使用的编辑器之前,我们无法回答这个问题。 在 Visual Studio 代码中 JSX or HTML autocompletion in Visual Studio Code的可能重复 【参考方案1】:

在 vs 代码中自动关闭可作为插件“自动关闭标签”使用。只需安装插件就足够了。看到这个gif

【讨论】:

在 内的 react 应用程序中,我们有 html 元素,这些 html 元素无法自动完成 自动完成还是自动关闭?可以使用此插件自动关闭标签。如果它的自动完成,它不是标签,它的反应组件。 如果您发现这是堆栈溢出社区的解决方案,请接受它作为答案,如果您觉得有用,请点赞 如果其他人感到困惑,这是插件@RohithMurali 指的是marketplace.visualstudio.com/…【参考方案2】:

要启用自动完成,您可以将此代码添加到您的设置配置文件中。

     "javascript": "javascriptreact"
    ,

【讨论】:

以上是关于无法在reactjs jsx中自动完成标签的主要内容,如果未能解决你的问题,请参考以下文章

jsx中的自动完成html标签(崇高文本)

CodeSandbox 编辑器已停止自动完成相应的 JSX 结束标记?

Emmet 自动完成功能在 JSX 中不起作用

VS Code中的JSX组件(函数)自动完成?

WebStorm、React 和 JSX 花括号自动完成

vscode 中 React 组件的自动完成