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

How can I override a react-beautify setting in VSCode?

提问人：Pekka 提问时间：1/7/2017 最后编辑：Pekka 更新时间：3/27/2018 访问量：3722

问：

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

我唯一不喜欢它做的是它凝结

import { Componentname } from packagename

自

import {Componentname} from packagename

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

但是，我无法让 prettydiff 接受更改。

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

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

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

如何正确执行此操作？

反应原生 可视化工作室代码

评论

0赞 Mark 1/13/2017
你确定“大括号”不是你想要的选项吗？
0赞 Whymarrh 1/16/2017
您是否尝试过显式设置配置文件路径？（即 react.beautify.configFilePath)
0赞 Pekka 1/17/2017
@Whymarrh我没有，也不想这样做，因为设置可能因项目而异。我设法使用设置让它工作，见下文。bracepadding

答：

1赞 Pritish Vaidya 1/14/2017 #1

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

在插件设置过程中提到的似乎不起作用，我也尝试在我的系统中安装 prettydiff 以及 esformatter-jsx 并更改了配置，但它不读取文件settings

解决方法

您可以在此处使用以下存储库试用美化加载项。

并将文件添加到您的文件树结构中，设置页面中提到的选项将在其中工作。.jsbeautifyrc

该项目已更新为最新代码，支持屏幕截图中提到的js-beautifyversion 1.6.8jsx supportenter image description here

以及工作示例enter image description here

评论

0赞 Pekka 1/17/2017
我确实使用 @damienfabian 引用的设置让它工作，因此您提到的错误可能已经修复。无论如何，感谢您的努力！react-beautifybracepadding
0赞 Pritish Vaidya 1/17/2017
哦，虽然没有尝试过支撑垫！
6赞 damianfabian 1/14/2017 #2

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

索引.js

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

.jsbeautifyrc

{
  "bracepadding": true
}

运行美化器后，您将获得下一个结果：

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

评论

0赞 Ivan Wang 11/24/2017
有没有办法使用全局设置而不是本地设置？.jsbeautifyrc
0赞 Josh 3/27/2018
@IvanWang，你有没有想出如何在全球范围内解决这个问题？

上一个：如何在 Gitlab CI 中调试卡住的管道中的失败命令？

下一个：查找与一个模式匹配的线，但包含另一种模式的线除外