React の Babel 構文強調表示が機能しないのはなぜですか?

Question

Sublime Text 3 に Babel パッケージをインストールしました ([環境設定] -> [パッケージ設定] で確認できます) が、サンプルの構文の強調表示がApp.jsまだ奇妙に見えます。 たとえば、開始タグと終了<Text>タグは同じ色になるはずです。構文の強調表示が期待どおりに機能しないのはなぜだと思いますか?

Answer 1

パッケージをインストールしましたが、まだデフォルトの JavaScript 構文パッケージを使用しています (右下隅を参照)

1. ステータス バーの「JavaScript」をクリックして Babel を選択すると、一時的に構文を切り替えることができます。コマンド パレットの「構文の設定」コマンドを使用しても同じ操作を実行できます。

2. メインメニューから構文を永続的に切り替えてView > Syntax > Open all with current extension as…、Babelを選択することができます。