Atom Editor 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