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

Question

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

它唯一让我不喜欢的是凝聚

import { Componentname } from packagename

至

import {Componentname} from packagename

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

但是,我不能让prettydiff接受这个改变.

我尝试在项目的根目录中创建一个.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';