如何在VSCode中覆盖react-beautify设置？

Question

我有一个React Native项目。在Visual Studio代码中，我使用react-beautify加载项来动态地美化我的代码。该加载项在内部使用名为prettydiff的工具。

我唯一不喜欢的是它凝聚

import { Componentname } from packagename

到

import {Componentname} from packagename

更改此行为的正确prettydiff设置is to set brace_style to collapse-preserve-inline.

然而，我无法接受改变。

我尝试在项目的根目录中创建.jsbeautifyrc文件，并添加：

{
    "brace_style": "collapse-preserve-inline"
}

但这似乎不起作用：我不想要的行为仍在发生。

我该如何正确地做到这一点？

Answer 1

我在Mac v1.8.1中有VS Code，如果你打开一个带有.jsbeautifyrc的文件夹你可以覆盖属性，在你的例子中，如果你创建一个包含2个文件的文件夹：

index.js

import {code} from 'source';
import {otherCode} from 'source';

.jsbeautifyrc

{
  "bracepadding": true
}

运行美化器后你会得到下一个结果：

import { code } from 'source';
import { otherCode } from 'source';

Answer 2

是的，有一个错误，.jsbeautifyrc文件似乎没有在react-beautify加载项中读取。

插件的设置期间提及的settings似乎无法正常工作，我也尝试安装prettydiff我的系统以及esformatter-jsx并更改了配置但它没有读取文件

解决方法

您可以使用以下beautify 来试用repo加载项。

并将文件.jsbeautifyrc添加到您的文件树结构中，settings页面中提到的选项也适用。

项目已更新为最新的js-beautify代码version 1.6.8，并在屏幕截图中提到jsx support的支持

以及工作实例