如何使VSCode与React语法很好玩？

Question

我安装了所有推荐的扩展，但VSCode仍然无法识别任何React语法。

我必须做些什么才能使 VSCode 与 React（js / jsx）语法相匹配？

Answer 1

VS Code内置了对JSX和TSX的支持。除非您需要其他功能，否则无需安装任何扩展程序

正如OP所指出的，问题是他们的一个扩展是在标签周围插入空格。我怀疑这是js css html formatter扩展名，因为这导致了过去人们的问题

Answer 2

实际上在另一个评论中提到的Babel ES6 / ES7在这里给我造成了问题。

删除该插件并重新加载后，一切都很好

Answer 3

1。删除所有html-js-css格式化程序。 2.如果您要使用此格式化程序， 安装更漂亮。 右键单击并选择“格式化文档”，然后选择“更漂亮”。每次保存都重复一次。

Answer 4

发生这种情况是因为您使用了一些HTML格式化程序，所以首先转到您的react native或js扩展设置（只需单击底部的栏目mod），然后在该设置页面中检查HTML格式。

"[html]": {
    "editor.defaultFormatter": "apility.beautify-blade"
}

删除此按钮，您就很高兴了。

Answer 5

Afaik，默认情况下，vscode不理解JSX。安装jsx插件应该有帮助。

Answer 6

从here安装Babel ES6 / ES7扩展程序。

像魅力一样。