如何在Sublime中同时实现HTML与React.js代码的语法高亮？

当然可行！我之前也碰到过这个棘手的问题——用Babel插件选JavaScript语法后，HTML部分的高亮彻底乱套。给你几个亲测有效的解决办法：

• 安装适配HTML+JSX的语法插件
  如果你已经装了Babel插件，别再选JavaScript (Babel)了，找一下HTML (Babel)或者JSX in HTML这个语法选项（不同版本的Babel插件可能命名略有差异）。切换到这个语法后，HTML标签和React的JSX代码都会得到正确的高亮。如果你的Babel插件没有这个选项，可以试试安装ReactJS插件，它专门优化了HTML文件中React代码的高亮支持。

• 设置默认语法关联
  打开你的目标HTML文件，点击Sublime右下角的语法选择器（比如当前显示的是HTML），选择Open all with current extension as...，然后找到Babel > HTML (Babel)并选中。这样所有.html文件都会默认用这个语法渲染，不用每次手动切换。

• 手动调整Babel配置（进阶）
  如果还是有部分高亮异常，可以打开Sublime的用户设置文件，添加以下配置来强制关联HTML文件到Babel的HTML语法：

  {
    "babel_syntax_map": {
      "html": "babel-html"
    }
  }
  

  保存后重启Sublime，应该就能解决大部分高亮混乱的问题了。

内容的提问来源于stack exchange，提问作者Shai UI