visual studio代码无法识别html

正如您所看到的，HTML内容不是彩色的，它不能自动完成HTML标记

• 将文件另存为.jsx ie（App.jsx）而不是.js

这是因为您正在将文件另存为.js ie App.js.JavaScript文件无法理解HTML标记

另一种选择是您可以保存在（.js）中，但是您的web包应该以这样一种方式进行配置，即它应该将其传输到.jsx中。 为此，请参阅—

---

React仅理解javascript xml。

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

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

为此，请单击屏幕右下角的“Javascript”：

然后简单地输入“react”并选择它。之后，您应该在呈现函数中对html部分进行自动完成

2） 您可以指示VSCode始终以“javascriptreact”的形式打开

.js

文件。为此，请转到您的设置并将

文件.关联

复制到您的本地设置。确保它看起来像这样，然后保存：

“文件.关联”：{
*.js:“javascriptreact”
}

注意：当您打开

.js

文件时，这将始终将语法设置为“javascriptreact”，可能并不总是您想要的。更好的解决方案是将react文件命名为

myfile.jsx

。这样vscode会自动将语法设置为“javascriptreact”

希望这有帮助