reactjs - 如何在自定义 jsx 标签(又名 react 组件)上启用 className 自动完成？

Question

我对 vscode 很陌生，但我已经设置了我需要的所有东西。还有一件非常缺失的事情是 className 的自动完成功能。自定义 jsx 标签上的属性(又名 react components)。在自定义标签上它根本不推荐任何东西。

我试过搜索任何可以执行此操作的扩展程序，但找不到任何扩展程序，我在这里遗漏了什么吗？

Answer 1

据我所知，无法在自定义 react 标签的自动完成列表中显示 react 属性。
但是有一种方法可以通过放置一个点并输入您的类名然后点击选项卡来快速添加 className 属性。这将创建具有给定类属性的自定义标记。

为此，您需要配置 Emmet 扩展(它是一个内置扩展)
将这些行添加到您的 VS Code 用户设置(或工作区设置)文件中:"emmet.triggerExpansionOnTab": true, "emmet.includeLanguages": { "javascript": "javascriptreact" }
如果您使用的是 Mac，您可以快速打开用户或工作区设置文件，按
Shift ⇧ + Command ⌘ + P 并在命令面板中输入:>settings.json .



Official Documentation at VS Code Web Site
Related Issue on VS Code Github