reactjs - 在 React Typescript 中配置更漂亮的空格

Question

我使用 prettier 来格式化我的代码。如何根据反应代码中的花括号配置更漂亮的添加空格？

当前代码：

<AdminPanel
    theme={myTheme}
    dataProvider={dataProvider}
    authProvider={authProvider}
    history={history}
/>

预期结果：

<AdminPanel
    theme={ myTheme }
    dataProvider={ dataProvider }
    authProvider={ authProvider }
    history={ history }
/>

标签： reactjstypescriptcode-formattingprettier

Answer 1

选项括号间距是您正在寻找的：bracketSpacing: true.

https://prettier.io/docs/en/options.html#bracket-spacing