问题标签 [js-beautify]

试图让包裹捡起这个：

并将其更正为：

Sublime Text 3 的 JsFormat 符合大多数 ES6 标准，但是，当自动格式化导入语句时，它会在对象导入中添加一个新行。这是预先格式化的行的样子：

当自动格式化时，它变成：

有没有办法禁用这种格式？

我想更改 Brackets Beautify 的选项。

至

我怎样才能改变这个？

我正在使用Gulp插件gulp-jsbeautifier在文件内容更改后自动格式化项目的源代码。

该插件能够按照我想要的方式完美地格式化 JavaScript 源代码，而且很漂亮！

但是当我尝试扩展此功能以格式化 SCSS 时，它会将所有内容更改为单行文件。

这是一个 SCSS输入示例：

这就是“格式化”输出：

不幸的是，我不想最小化 SCSS 源代码，它们确实会被最小化，但在构建的后续步骤中，而不是源代码维护。

这是我的.jsbeautifyrc文件：

最后，在gulpfile.js中定义的手表：

对我来说，"css"定义的规则.jsbeautifyrc没有应用于SCSS文件，但我的部分可能存在错误配置。有什么帮助吗？

我正在尝试使用 ESLint 在项目中强制执行编码样式，并且我有很多Irregular whitespace not allowed由这样的代码引起的错误：

对于我的所有文件，我还没有找到任何轻松解决此问题的方法。我认为基本的正则表达式不起作用，因为在某些情况下双空格可能是有效的（JSON 对象的列缩进，软制表符的缩进，字符串）。

我尝试了诸如js-beautify之类的工具，但没有找到解决此问题的任何选项。有没有可以帮助我的工具？

我使用 atom-beautify 格式化 html，但它总是将所有属性放在一行中。如何设置 atom-beautify 以将属性保持在不同的行中。

我正在尝试使用 sublime text Javascript Beautify插件，它说我需要更改为以下设置：

我到底在哪里必须在崇高文本中进行这种更改？

我已经看到了几个关于如何格式化 HTML 和 javascript 代码的问题。一个常见的答案似乎是jsbeautify（以及jsbeautify.js 的GitHub 页面）是一个很好的解决方案。

但是，我似乎无法让它正确格式化我的任何代码，我想知道是否有一些默认参数需要更改，或者我只是误解了美化应该做什么。我期望的是每个嵌套标签都将在一个缩进到适当级别的新行上。但相反，我看到的（这似乎不是 jsbeautifier 所独有的）是有时多个标签在同一行上串在一起，而中断行的指令被忽略。

示例 1：

我直接从这个问题中拿了这个例子。

当我转到 jsbeautifer.org 并输入上面的代码并单击“美化 Javascript 或 HTML”时，它什么也没做！我希望输出看起来像这样：

这是另一个例子。我选择了“在 80 个字符附近换行”。

其输出如下。请注意，没有进行包装。

为什么<span>, <div>, 最好不在<input>单独的行上？为什么开口是<在单独的线上？我期待这样的事情：

我需要传递一些参数才能使其工作吗？我已经查看了有关此的文档，但结果是空的。

我已经用 npm 安装了 js-beautify：

我正在使用一个非常基本的单行回声来测试它。

这似乎工作正常：

但这不是：

这也不是：

是什么赋予了？我期待看到更像这样的东西：

或者至少是这样的：

这是我实际要格式化的html ：

期望（根据http://codebeautify.org/htmlviewer/）它看起来像：

但是 js-beautify 似乎根本没有改变它。我做错了什么？或者 js-beautify 只是没有配备以我想要的方式格式化 html？

我正在使用js-beautify（html-beautify 选项）来格式化显示在我的页面上的 html，它会显示，但它会将所有 html 折叠到 1 行，这显然不理想，因为阅读起来很痛苦。它基本上是在尝试将 HTML 格式化为 Javascript，因为实际html beautify没有被应用。

我在该项目的特定组件文件中使用它进行如下反应，有人知道如何解决这个问题吗？

更新： <Example/>是另一个组件，它呈现出一堆额外的东西，比如降价描述。

我正在使用https://github.com/alexlande/react-style-guide创建样式指南并将静态 html 标记传递给staticMarkupprop 以显示，而不仅仅是显示在这种情况下并不是特别有用的反应组件。