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

Question

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

当前代码：

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

预期成果：

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

Answer 1

选项括号间距是您要查找的：bracketSpacing: true。

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