Atom Beautify 的格式问题答案

【问题标题】：Formating issues with Atom BeautifyAtom Beautify 的格式问题
【发布时间】：2020-08-11 20:26:51
【问题描述】：

我对 Atom Beautify 的行为感到沮丧。

实际行为：

import React, { useState } from 'react'

export default function MyComponent() {
    return ( <div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div> )
}

预期行为

import React, { useState } from 'react'

export default function MyComponent() {
    return (
        <div>
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div> 
    )
}

默认情况下如何获得这种格式？

【问题讨论】：

本网站的预期用途是针对特定的编码开发问题。这是一个工具问题，不包含在使用条款中。请参阅行为准则：stackoverflow.com/conduct
"What topics can I ask about here?" 明确表示“......程序员常用的软件工具；并且是软件开发独有的实用、可回答的问题”。 Atom 就是这样一个工具，我们涵盖了与它的使用和行为相关的问题。行为准则页面不适用于此问题。
欢迎来到 SO！你的问题需要更多细节。你改变了什么？如果没有这些信息，答案可能会重新审视您尝试过的事情，这会浪费每个人的时间，或者有人可能会看到您的尝试做错了什么。请参阅“How to Ask”、“Stack Overflow question checklist”和“MCVE”及其所有链接页面。
我注意到 Atom“react”插件在“JSX 重新格式化”下显示了一个小视频，展示了您正在寻找的格式，并且 Beautify 没有在其支持的语言列表中显示 react。

标签： reactjs atom-editor atom-beautify

【解决方案1】：

Atom 的 Beautify 有一个配置文件，您可以修改它以获得所需的设置，我相信，如果您转到软件包并单击设置，您应该能够在那里进行一些更改以获得您需要的内容

【讨论】：

我尝试在包设置的子类别 JSX 中调整其中的一些设置。这里似乎没有什么影响我问的美化。