How to set JSX files default to Babel text highlighting in sublime

Question

I have a babel text highlighting that i added in my sublime. However every time I open a new react project it defaults to javascript text highlighting then i have to reset each

Answer 1

The syntax that Sublime selects is based primarily on the extension that the file has.

You can select View > Syntax > Open all with current extension as... from the menu while you have such a file open to tell Sublime what syntax you want it to use for any particular extension.

If you sometimes use regular JavaScript as well, you'll experience your current problem in reverse; you will have to manually swap the syntax back to JavaScript.

Either way, the Project Specific Syntax Settings package may also be useful in this case if you use projects. It will allow you to configure per project what you want the syntax for different files to be.

Answer 2

What I did was to make babel(JavaScript) the default, preventing the default JavaScript by adding it as a value to ignored_packages.

To do this, open your sublime, click on Preferences > settings then paste this in:

"ignored_packages":["JavaScript"]

More details here: https://github.com/babel/babel-sublime