问题标签 [js-beautify]

我正在从https://www.npmjs.com/package/js-beautify安装 js-beautify

通过npm install js-beautify --save

然后将导入添加到我的 app.component.ts

文件说

但它需要引号，所以我使用

但在那之后，当我尝试使用它时，我收到了错误：

我也试过这个导入

我正在使用角度 cli 2/4

这让我头疼！花了 2 个小时试图找出导致以下行为的原因并一直保持空白。

我正在迁移到 VSCode，我的 React JSX 组件会自动换行成多行。当组件具有多个属性时，这很好（也很好），但会使某些文件非常长且非常不可读。

恰当的例子 - 定义反应路由器路由的文件。它们都很小，理想情况下，每行一个会使您的应用程序的路线非常可读，而不是每 7 行左右定义每条路线。

VS Code 自动将文件格式化为的示例：

它应该是什么样子

VSCode 中处理此问题的设置是什么？有没有办法将其配置为仅在长度超过 x 个字符时才换行？

我开始处理一个现有的未美化项目，并且我在我的 IDE 中重新格式化保存，所以每 1 行编辑都会变成文件的整个重新格式化。相反，我想重新格式化项目中的所有文件。

使用 VS Code 最简单的方法是什么？

我目前正在使用这个包 https://www.npmjs.com/package/js-beautify

像这样：

但是，想象一下，如果我想格式化上面的内容，以便空行的最大数量为 1，那么我想要这个：

不幸的是，我找不到关于如何将选项传递给编程 API 的文档，我猜它是这样的：

但这只是一个猜测。如何将选项传递给程序化 API？

我不知道这是什么原因造成的。我喜欢在保存时自动格式化。但是有一条规则会不断使对象跳入多行。当我输入这样的内容时：

const { promisify } = require("util");

VSCode 将其格式化为：

它看起来非常难看。

有没有办法配置js-beautify保持以下格式：

js-beautify 将第一个对象的大括号拉入第一行。我知道该选项keep_array_indentation，但我不想禁用常规自动缩进，因为否则错误不会得到修复。

js-beautify 的结果——我想阻止——将是

我在 VS 代码中美化了，所以当我将它应用到

我明白了

但我想要那样的东西

问题是如何更改美化设置以不将标签转移到新行（div、p、span 等）？

我正在使用 VS Code + js-beautify + Beautify css/sass/scss/less，并且在格式化代码时遇到了一些烦人的问题（不知道如何解决它们）：

1. 这不是我希望我的背景颜色看起来的样子。
   从：

至：

我希望它被格式化为一行（如“来自”）。

2. “光标”属性有不同的颜色
   

3. 当我格式化我的 html 代码时，正文和 html 中有行空间。
   从：
   

我希望它被格式化，没有任何空格（如“来自”）。

在 VS Code 中，我广泛使用 Beautify。但让我感到不安的是，结束标签总是与“浮动”文本或自动结束标签在同一行。例如，在 Beautify 之前：

在美化之后：

是否有设置或其他扩展可以帮助使代码更接近第一个示例中的样子，或者我只是做错了？

大多数时候这并不重要，除了对我来说有点难看，但昨天我看到它实际上给 Wordpress 带来了问题，我不能再使用 Beautify，它有破坏格式的风险。

我已安装 Beautify 以将其用于我的 react.js 代码。但是，它显然没有正确美化文件中的 html 格式。例如，

它变成了这样：

进入这个：

在所有选项中，我应该使用哪个选项来解决这个问题？