问题标签 [js-beautify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
132 浏览

javascript - 如何更改 JS Beautify 格式化对象的方式?

大多数情况下我喜欢 JS Beautify,但我真的很讨厌对象格式化的默认规则。

例如,这是 JS Beautify 当前格式化对象的方式:

有没有办法让 JS Beautify:像这样对齐对象中的所有内容:

我使用带有这个扩展的 Visual Studio Code来格式化我的 JavaScript。

0 投票
2 回答
315 浏览

ide - Atom - JSBeautify 和 JSLint 不同意三元换行

我在 Atom 中安装了 JSLint 和 Atom-beautify(我相信这是 jsbeautify 的前端)。一般来说,这很花哨,除了他们对三元运算符争吵(我认为这是正确的术语)。所以如果我这样做

JSBeautify 将使它看起来像:

然后 JSLint 会抱怨换行不好。

在此处输入图像描述

我查看了 JSBeautify 文档和 JSLint 文档,但我找不到任何选项来更改任何一个关于三元语法的行为。谁能告诉我如何更改它,这样我每次美化代码时都不必手动重新格式化所有三元函数?只要他们同意,我不介意哪一个占上风。

0 投票
2 回答
1296 浏览

javascript - 如何使用 eslint 格式化我的 javascript 代码?

我使用 vim 作为我的编辑器,我使用 eslint 来检查 javascript 代码。之前,我js-beautify用于格式化 js 代码。但最近我发现 eslint 有一个--fix选项,可以修复正常的编码风格问题,违反 eslint 规则。

我还发现这篇文章建议使用 eslint 进行代码格式化。我觉得这是个好主意,因为我发现同时拥有 eslint 和 js-beautify 有点多余。既然 eslint 已经可以检测到我所有的编码风格问题,为什么它不能为我格式化呢?

同时拥有 js-beautify 和 eslint 还有一个缺点,我需要调整 js-beautify 以符合 eslint 规则。这是完全没有必要的。

但是当我对 js 文件使用 eslint --fix 时,它只会做一些修复,比如:插入分号,在必要时添加一些空格。但是,如果我的代码被压缩,它就不会很好地将其格式化为人类可读的格式。

如何让 eslint 像 js-beautify 那样做代码格式?

0 投票
2 回答
3326 浏览

javascript - 在 VS Code 中打开自动格式的括号之前没有空格

如果我按Shift++让 VS Code 格式化我的 JS 源代码,它会Alt转换F

如何防止 VS Code 这样做?

0 投票
1 回答
345 浏览

javascript - 在 VS Code 中使用美化插件将 case 语句保留在一行中

在 VS Code 中安装美化插件后,按Shift++AltF 导致重新格式化 switch case 表单

如何防止 VS Code 这样做?

0 投票
0 回答
462 浏览

javascript - 如何使用 js-beautify 和 html 去除两个额外的空白行?

我在 Windows 上从 Atom 文本编辑器包中使用 js-beautify 1.6.4 来格式化一些 HTML。

这是HTML:

以下是我传递给美化器的选项:

这是我作为输出得到的 HTML:

我不明白为什么要添加两个额外的空行。是否有我遗漏或误解的选项,或者我应该以其他方式做事?

0 投票
1 回答
557 浏览

php - 美化不能在括号中的 PHP 之后缩进我的 HTML

我知道美化不能正确缩进 PHP。我想要的是它跳过它,因为我在页面内的 PHP 代码之后得到了奇怪的空格。

这是一个屏幕截图:

截屏

我一直在尝试很多插件,环顾了一个小时,我快疯了!

有人可以帮忙吗?谢谢 :)

0 投票
1 回答
29 浏览

atom-editor - 如何确定 atom 插件模块的版本号

我正在为 Atom 编辑器使用 atom-beautify 插件。最近它开始忽略/* beautify preserve:start */我的 JavaScript 文件。该插件(不是 Atom)默认情况下应该使用 JS Beautify,所以我怀疑该错误是在那里引入的。我不太确定。我想追踪它,但意识到我不知道如何确定插件正在使用哪个模块。是否有 Atom 的开发功能可以让我枚举所有插件及其依赖版本?

0 投票
0 回答
1848 浏览

js-beautify - 从命令行使用 js-beautify 美化 html

我已经使用 Python 3.5 在 Linux 上安装了 js-beautify。它在美化 JavaScript 方面做得很好——它的默认行为。

根据https://github.com/beautify-web/js-beautify上的自述信息(在“选项”标题下),js-beautify 还可以使用 --type 命令行选项美化 html 和 css。

如果我使用以下命令:

它回复:

我也试过:

有谁知道如何使用命令行(使用 Python)使用 js-beautify 美化 html(或 css)?

0 投票
1 回答
501 浏览

gulp - Gulp 监视文件并在更改时美化它?

每次保存文件(手动)时,我在尝试同时查看文件和美化文件时遇到了一些困难。我刚刚升级到 Gulp 4。使用 Gulp 3 应用这个逻辑我没有任何问题,如果我没记错的话,手表任务回调没有考虑更改以在无限循环中再次运行手表。

我应该如何在同一个文件中实现这一点?