2017-01-01 6 views
1

「.js」ファイルのリアクションコードを強調表示する適切な方法を見つけようとしています。そのため、Visual Studioコードを読みやすくなりました。下の写真は、多くの色が1つの色で表示されているため、読みにくいサンプルファイルを示しています。ビジュアルスタジオコードで正しいリアクションコードの強調表示を設定していますか?

私はTwentyChungの "jsx"エクステンションを使って "反応美化"を試みましたが、どちらも機能しませんでした。誰かが助けてくれますか? :-)

enter image description here

+0

下のバーで言語モードを「JavaScript React」に設定できますか(「JavaScript」というところをクリックします)? Reactを強調しているVSCodeには問題はありません。本当に設定するには何もしていません。それは私のために箱の中でほとんど仕事をしました。私がしたのは、エディタがtrueに設定されたいくつかのes6コンストラクト(スプレッド演算子、矢印関数など)でチョークするため、ユーザー設定に '' javascript.validate.enable ":false'を追加することだけでした。 –

+0

ありがとう! – andre

答えて

3

JSXは、VSのコードで、箱から出して作品を強調し、JSXファイルがすでにJavaScript React言語モードに関連付けられています。 .jsファイルでJSX構文の色付けを有効にする場合は、ステータスバーの言語名をクリックし、JavaScript React言語モードを選択します。毎回これをやりたくない場合は、.jsファイルをJavaScript Reactに関連付けることもできます。最新バージョンのVSコードを使用していることを確認してください。

+0

が問題を引き起こしたのは、どうやら「Javascript Atom Gramar」パッケージを有効にして、すべてのコードを邪魔しないようにしたということでした。それを無効にした後、あなたの指示に従ってすべてが正常に機能しました! – andre