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