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

Posted 2023-02-19

【中文标题】CodeSandbox 编辑器已停止自动完成相应的 JSX 结束标记？

【英文标题】：CodeSandbox editor has stopped auto completing the corresponding JSX closing tags?

【发布时间】：2021-01-03 07:50:07

【问题描述】：

CodeSandbox 编辑器用于自动为当前标签生成相应的关闭标签。

例如：

<div> // THEN IT WOULD AUTO GENERATE THE </div> TAG

但不知道确切的时间，它停止这样做了，我必须手动编写它。有没有办法再次启用此自动完成功能？

【参考方案1】：

由于代码和框的 UI 已更改，因此仅发布更新的答案。我相信这个答案现在稍微好一点：

按cmd+,（Windows 上为ctrl+,）并聚焦编辑器（这将打开 vscode 设置） 您应该会看到如下设置页面： 在搜索设置框中输入javascript Autoclosing Tags 打开复选框

【参考方案2】：

在我的情况下，如果将文件的扩展名更改为 .jsx 并且如果我开始键入没有 <.> 的标记，则自动完成工作

【参考方案3】：

在codesandbox.io中转到：

文件 -> 首选项 -> 设置

在搜索设置框中输入Javascript Autoclosing Tags。

通过选中复选框启用该功能。

【讨论】：

您还必须重新打开 Emmet - 用于自动完成标签和组件名称。当它是几乎所有其他编辑器的默认行为时，不确定何时或为什么将其从默认行为中删除。