Visual Studio代码React无法识别html

Question

如您所见，HTML内容不是彩色的，并且无法自动完成HTML标记

Answer 1

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

  

这是因为您将文件另存为.js，即App.js。JavaScript文件无法理解HTML标签。

     

另一种替代方法是，您可以保存（.js），但您的Web Pack应当以将其打包为.jsx的方式进行配置。   为此，请参考-https://github.com/facebook/create-react-app

Answer 2

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

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

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

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

2）您可以指示VSCode始终以“ javascriptreact”打开library(tidyverse) df <- tibble(a = c(1, 2, 3, 0, 5, 0, 7, 0, 0, 0)) %>% print() 文件。为此，请转到您的设置，然后将.js复制到本地设置。确保它看起来像这样并保存：

files.associations

请注意以下几点：打开"files.associations": { "*.js": "javascriptreact" }文件时，这将始终将语法设置为“ javascriptreact”，而不一定是您想要的。更好的解决方案是将React文件通常命名为.js。这样，vscode会自动将语法设置为“ javascriptreact”。

希望这会有所帮助。

Answer 3

仅反应理解javascript xml。