如何在 Visual Studio 代码中编写 React.js 代码？答案

【问题标题】：How can i write React.js code in Visual Studio code?如何在 Visual Studio 代码中编写 React.js 代码？
【发布时间】：2016-03-08 23:58:36
【问题描述】：

当我在 Visual Studio Code 中编写反应代码时，它显示错误。我怎样才能摆脱这些错误？

提前致谢，

阿玛拉

【问题讨论】：

【解决方案1】：

我遇到了同样的问题，我通过将文件另存为 .jsx 来解决它。

我在这里尝试了所有建议，但如果文件保存为 .js（我认为这是您所遇到的），则没有任何建议。

我希望目前有更好的修复方法。

【讨论】：

【解决方案2】：

首先确保您已安装 VS Code 的所有扩展，以便为 React.js 正确的代码着色和命中，我认为 React-Native 扩展也可以工作。

如果你的系统中安装了 npm，请安装 eslint

npm install -g eslint

有一个很酷的插件来配置 eslint 以正确地访问 JSX，你需要将它安装在你的项目目录中。在终端上进入你的项目目录，或者在打开项目的情况下在 VS Code 上打开内部终端并输入：

npm install --save eslint-config-rallycoding

安装此软件包后，我建议在项目的根目录上创建一个.eslintrc 文件。这应该是正确的 JSON 格式代码：

{
    "extends": "rallycoding"
}

保存文件，然后重新启动 VSCode，以防万一。这应该可以解决这些错误。 ESLint 配置包属于 Stephen Grider，可以肯定是开源的，但为了以防万一，我在一个非常好的 React-Native 和 Redux 教程中找到了它。

【讨论】：

【解决方案3】：

第 1 步：

按 Ctrl Shift X
它显示 Extensions 屏幕。

或者

手动导航到扩展屏幕

第 2 步：

搜索 jsx 扩展。结果出来后，安装名为 jsx 的扩展。

然后 Visual Studio 代码未在 html 元素上显示错误。

【讨论】：

【解决方案4】：

转到文件-> 首选项-> 工作区设置

然后在settings.json文件中输入以下几行

{
    "javascript.validate.enable": false
}

【讨论】：