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

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

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

Answer 2

我刚遇到同样的问题，但不知何故，language-javascript-jsx包似乎也没有格式化我的jsx（所有标签在第一个缩进点处展平）。我发现filter上的以下软件包工作正常，突出显示匹配的结束标签等，它甚至格式化graphql语句（除了一大堆其他语言），所以绝对值得一试恕我直言。

，在按住Ctrl键的同时上下移动jsx是我的头号功能

.find()

下载量超过100万，这似乎也是首选的套餐..

让我的编码更快乐： - ）