在Visual Studio代码中设置正确的React Code突出显示?

and*_*dre 7 javascript reactjs visual-studio-code

我一直在尝试找到一种正确的方法来突出显示'.js'文件中的React Code,以便在Visual Studio Code中更容易阅读.下面的照片显示了一个样本文件,其中有很多是一种颜色,使其难以阅读.

我尝试使用TwentyChung的"jsx"扩展和"react-beautify",但它们都没有奏效.有人可以帮忙吗?:-)

在此输入图像描述

Bon*_*ina 14

禁用此扩展为我解决了这个问题。2022 年 11 月 17 日这一天,我的 3 名同事也遇到了同样的问题。

禁用此功能


Sar*_*ana 9

JSX突出显示在VS代码中开箱即用,JSX文件已经与JavaScript React语言模式相关联.如果要在.js文件中启用JSX语法着色,请单击状态栏中的语言名称,然后选择JavaScript React语言模式.如果您不想每次都这样做,也可以关联.js文件JavaScript React.确保您拥有最新版本的VS Code.

  • 事实证明,问题是我以某种方式启用了“Javascript Atom Gramar”包,它使所有代码都未显示。禁用它后,按照您的指示一切正常! (2认同)

小智 9

将 VS CODE 颜色主题更改为 Dark+,并将底部状态栏中的语言更改为 java script react。这对我有用


小智 5

只需卸载此插件并在 VS Code 扩展中重新安装即可:

Name: JavaScript and TypeScript Nightly
Run Code Online (Sandbox Code Playgroud)

VS 市场链接:https://marketplace.visualstudio.com/items? itemName=ms-vscode.vscode-typescript-next