6

I'm using sublime text 3 to code some react native stuff and when writing in text components I use quotes that mess up all the syntax coloring as in the picture below. Is there any way to fix this ?

syntax highlighting messing up

G. Hamaide
  • 7,078
  • 2
  • 36
  • 57

1 Answers1

12

React JSX syntax

JSX is the JavaScript Syntax extension you normally use in your render method.

Correct Color Scheme

Since JSX is an extension to the plain JavaScript, Sublime doesn't know about it. You have to tell Sublime to use the extension babel-sublime.

Installation of babel-sublime

Just follow the official documentation to install this plugin. I don't write it down, in case something changes in the future. Also check the documentation about Package Control, which you use to manage your Sublime Packages.

purii
  • 6,246
  • 2
  • 26
  • 32
  • Please expand this answer to explain what the babel plugin is and why it would be useful in this circumstance. Link-only answers become useless if the link changes or is unavailable. See [here](http://meta.stackexchange.com/questions/225370/your-answer-is-in-another-castle-when-is-an-answer-not-an-answer) for more. Just to be clear, I think this is the correct solution to the problem, you just need to explain more *why* this is the correct solution. – MattDMo Dec 12 '15 at 19:18
  • Sorry. Not so easy on mobile. Give me a second! :) – purii Dec 12 '15 at 20:18