在html里写react的js文件，如何让jsx里面的代码高亮显示?

Question

本人有点强迫症，在学习react的时候，写的jsx代码全是统一白色，看着很不舒服，如何才能高亮显示，注意，我是在html里面写的jsx文件，用的编译软件是sublime,希望知道的人不吝赐教，多谢了！！！！

Answer 1

是不是酱紫或酱婶儿的的，

1.首先下载babel插件，放到sublime插件文件夹Packages下面，重启sublime编辑器。
2.sublime切换到当前HTML文件，
3.点击导航栏的‘查看’->‘语法’->‘open all with current extension as..’->‘babel-sublime-master’->‘javascript(babel)’。
4.HTML页面中的‘<script type="text/babel"> 页面中的JavaScript会高亮显示 </script>’

Answer 2

加个语法识别就行了，默认用babel识别。首先下载babel插件，然后设置为默认识别。

html里面的话不太好弄，建议把html和jsx分开！

Answer 3

还是webstorm用着舒服些