React JS 和 sublime text 不兼容

Question

我使用 sublime text 来学习 React.js，我的语法有问题。当我的代码上有 / 时， / 之后的所有代码都有不同的颜色，好像 / 改变了代码的语法。

例如，如果写：

export default class Featured extends React.Component {
  render(){
    return (
      <h1> Featured </h1>
    );
  }
}

所有代码都有正确的颜色语法，直到在标记中的 / 之后，所有语法都是橙色的。我不明白，我在我的 sublime 文本上安装了 jsx/babel/react 插件。 .

有人可以帮助我吗？

谢谢！

Answer 1

您将需要专门为 JSX 和 ES6/Babel 构建的语法高亮显示。试试这个：https://github.com/babel/babel-sublime

Answer 2

作为替代方案，此语法 https://github.com/borela/naomi 涵盖 ReactJS、JSX、Flowtype 和 ES2017+，我在其中添加了对 Stage 0 功能的支持。

React JS and sublime text incompatibily