如何在Visual Studio代码中编写React.js代码?

时间:2015-12-04 05:52:23

标签: reactjs visual-studio-code

当我在Visual Studio Code中编写反应代码时,它显示错误。我该如何摆脱这些错误?

先谢谢,

阿玛拉

4 个答案:

答案 0 :(得分:2)

转到文件 - >偏好 - >工作区设置

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

{
    "javascript.validate.enable": false
}

答案 1 :(得分:0)

第1步:

Ctrl Shift X
它显示扩展程序屏幕。

手动导航到扩展程序屏幕

第2步:

搜索jsx扩展程序。 并在结果出来之后安装名为jsx的扩展名。

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

答案 2 :(得分:0)

首先确保已安装VS代码的所有扩展,以便正确地进行代码着色和命中React.js,我认为React-Native扩展也可以。

如果您在系统安装eslint

中安装了npm
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的真正好的教程上。

The Complete React Native and Redux Course

答案 3 :(得分:0)

我遇到了同样的问题,我通过将文件保存为.jsx来修复它。

我在这里尝试了所有的建议,但如果文件保存为.js(我认为你正在经历的那样),则没有任何建议。

我希望在这个时候可以提供更好的解决方案。