当前位置 : 主页 > 网页制作 > React >

react-native – 如何在VSCode中覆盖react-beautify设置?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我有一个React Native项目.在Visual Studio Code中,我使用 react-beautify 加载项来动态地美化我的代码.该加载项在内部使用名为 prettydiff的工具. 它唯一让我不喜欢的是凝聚 import { Componentname } fr
我有一个React Native项目.在Visual Studio Code中,我使用 react-beautify加载项来动态地美化我的代码.该加载项在内部使用名为 prettydiff的工具.

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

import { Componentname } from packagename

import {Componentname} from packagename

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

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

我尝试在项目的根目录中创建一个.jsbeautifyrc文件,并添加:

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

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

我该怎么做呢?

我在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';
网友评论