如何在多行上进行更漂亮的格式导入答案

【问题标题】：How to have prettier format imports on multiple lines如何在多行上进行更漂亮的格式导入
【发布时间】：2021-08-05 04:02:51
【问题描述】：

我想要导入多行格式，但更漂亮的折叠成一行。我应该使用什么选项来获得所需的行为

-import {
-  BLOCKED_FETCHED,
-  SHORTLISTED_FETCHED,
-} from './../constants/ActionTypes';
+import { BLOCKED_FETCHED, SHORTLISTED_FETCHED } from "./../constants/ActionTypes";

【问题讨论】：

如果您想要可配置性，Prettier 不是格式化程序的好选择。它的核心前提是您无需考虑样式选择，允许它应用其自以为是的一致性。您可能需要为另一个格式化程序编写自己的插件，例如 eslint 的 --fix 标志，或者使用脚本、构建工具或您的 IDE 进行后处理。另一方面，你可以接受 prettier 的精神，而忽略这样的主观风格。
同意，如何避免将导入格式化为单行。还有其他方面更漂亮
print-width 越低，行（任何行）越早折叠。
在大多数情况下，Prettier 要么全有，要么全无。您正在尝试的事情根本无法完成。正如@AjeetShah 提到的，您可以缩短打印宽度，但这会产生其他影响，主要是负面影响。

标签： reactjs prettier

【解决方案1】：

如果您希望自己的风格具有可配置性，请尝试使用 Eslint，而不是 Prettier。在这种特殊情况下，设置为 'always' 的 object-curly-newline 选项与 CLI 的 --fix 参数配对，将完成您想要的。

https://eslint.org/docs/rules/object-curly-newline#always

【讨论】：

以上内容也不能有效解决问题