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

Reactjs 如何在多行上进行更漂亮的格式导入,reactjs,prettier,Reactjs,Prettier,我想为导入设置多行格式,但更漂亮的会折叠成一行。我应该使用什么选项来获得所需的行为 -import { - BLOCKED_FETCHED, - SHORTLISTED_FETCHED, -} from './../constants/ActionTypes'; +import { BLOCKED_FETCHED, SHORTLISTED_FETCHED } from "./../constants/ActionTypes"; 如果您想为您的风格提供可配置性,请尝试Es

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

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

如果您想为您的风格提供可配置性,请尝试Eslint,而不是更漂亮。在这种特殊情况下,将
对象卷曲换行
选项设置为
“始终”
,并与CLI的
--fix
参数配合使用,将实现您所需的功能


如果您想要可配置性,那么Prettier不是格式化程序的好选择。它的核心前提是,您不需要考虑样式选择,允许它应用其自以为是的一致性。您可能需要为另一个格式化程序编写自己的插件,比如eslint的
--fix
标志,或者使用脚本、构建工具或IDE进行后处理。另一方面,你可以接受prettier的风格,而忽略像这样的主观风格。同意,我如何避免将导入格式化为一行。还有其他一些方面,比如越低的线越漂亮,线(任何一条线)就会越早崩塌。在大多数情况下,漂亮就是全部或者没有。你所尝试的根本无法实现。正如@AjeetShah所提到的,你可以缩短打印宽度,但这会产生其他的负面影响。上述方法也不能有效地解决这个问题