Atom编辑器JSX格式看起来很糟糕，如何解决？

Question

我有，当储蓄被格式化，像这样一些嵌入式JSX一个简单的.js：

class Layout extends React.Component { 
    render() { 
     return (<h1> It Works! < /h1>); 
     } 
    } 

显然这是不是很好，我宁愿它看起来是这样的：

class Layout extends React.Component { 
    render() { 
     return ( 
       <h1>It Works!</h1> 
      ); 
      } 
} 

问题：那么如何让它像这样格式化呢？

Answer 1

您可以通过安装扩展来实现此目的。

转到文件 - >设置 - >安装 并搜索jsx。找到你最喜欢的一个并安装它。 我使用以下一个：https://atom.io/packages/language-javascript-jsx