Search code examples
sublimetext3react-nativesublime-text-plugin

Sublime text syntax coloring quote issue


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


Solution

  • 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.