html - Visual Studio 代码 React 无法识别 html

Question

如您所见，HTML 内容并不丰富多彩，并且无法自动完成 HTML 标记

标签： htmlreactjsvisual-studio-code

Answer 1

有两种方法可以做到这一点。

1）您可以手动将语法设置为“Javascript React”。

点击屏幕右下角的“Javascript”：

然后只需输入“react”并选择它。之后，您应该对渲染函数中的 html 部分进行自动完成。

2）您可以指示 VSCode 始终.js以“javascriptreact”的形式打开文件。为此，请转到您的设置并复制files.associations到您的本地设置。确保它看起来像这样并保存：

"files.associations": { "*.js": "javascriptreact" }

请注意：当您打开.js文件时，这将始终将语法设置为“javascriptreact”，并且可能并不总是您想要的。更好的解决方案是通常将反应文件命名为myfile.jsx. 这样vscode会自动将语法设置为“javascriptreact”。

希望这可以帮助。