如何修复反应教程的Sublime文本突出显示？

Question

I recently started the official reactjs tutorial and noticed that the sublime text highlighting is completely screwed.

How can i fix this?

Answer 1

Install babel with the package control package, if you don't have it, get it here .

Open the package control, select install package, type babel, select it and press enter.

Setting as the default syntax

To set it as the default syntax for a particular extension:

• Open a file with that extension, Select View from the menu, Then Syntax -> Open all with current extension as... -> Babel -> JavaScript (Babel). Repeat this for each extension (eg: .js and .jsx).

Setting a Color Scheme

Babel comes bundled with Next and Monokai from Benvie/JavaScriptNext.tmLanguage. Select one from Preferences -> Color Scheme -> Babel

Answer 2

• Follow this link to install the package manager for sublime text
• Now to open the command palette, press ctrl + shift + p (Win, Linux) or cmd + shift + p (OS X). From the search results select Package Control: Install Package . Now find and select packages Babel and Babel Snippets.
• Now to enable proper syntax highlighting for your JSX code, open your .js/.jsx file, select View -> Syntax -> Open all with current extension as... -> Babel -> JavaScript (Babel).

Answer 3

Installing the following sublime package should fix those problems:

https://github.com/babel/babel-sublime

Answer 4

Install babel via the package control. It'll fix the syntax highlighting and adds few more features.

check https://packagecontrol.io/packages/Babel