如何在自定义jsx标记(又名反应组件)上启用className自动完成?

时间:2017-05-29 21:08:59

标签: reactjs visual-studio-code

我对vscode很新,但我已经设置了我需要的所有东西。另外一个缺少的是自定义jsx标记上的className属性的自动完成(又名反应components)。在自定义标签上时,它根本不建议任何东西。

我已经尝试搜索任何可以找到但未找到任何内容的扩展程序,我在这里遗漏了什么内容?

1 个答案:

答案 0 :(得分:3)

据我所知,无法在自动完成列表中显示自定义反应标记的反应属性。

但是有一种方法可以快速添加className属性,方法是输入一个点并键入您的类名,然后点击tab。这将创建具有给定类属性的自定义标记。

 Demonstration: Adding react class attribute to custom jsx tag

为此,您需要配置Emmet扩展(它是内置扩展)

将这些行添加到您的VS Code用户设置(或工作区设置)文件中:

"emmet.triggerExpansionOnTab": true,

"emmet.includeLanguages": { "javascript": "javascriptreact" }

Official Documentation at VS Code Web Site

Related Issue on VS Code Github