问题标签 [js-beautify]

我有一个 .vue 文件，当我保存它时会自动格式化。这很好，但我有一个我无法理解的问题，也无法摆脱。按照本指南https://blog.jongallant.com/2019/02/vuejs-vetur-vscode-format-eslint-issues/，我设置了 VS 代码以使用 Vetur、beautify-js 和 ESLint。

在 .vue 文件中，我有一个简单的数组。当我保存文件时，它会闪烁 100 毫秒，如下所示：

然后像这样保存：

ESLint 然后抱怨两件事：

'预期缩进 8 个空格，但发现 0.eslint(indent)'

和

'不允许尾随空格.eslint（无尾随空格）'

我在这里同意 ESLint 并且不想抑制这些错误。其他所有格式都可以，但 JS 不是数组。我相信这是 js-beautify 像这样格式化文档（因此链接的文章:)），但是当我禁用它时，文档仍然被格式化。但是如果我在 eslint.validate 的 vue 部分中将 autofix 设置为 false（见下文），则文档未格式化。所以我在这里有点困惑。

这是我的 settings.json

这是我的 .eslintrc.js

谢谢！

我喜欢在 Atom 中自定义 JS-Beautify 以更好地格式化我的刀片文件。

我们的手动样式如下所示：

JS-Beautify 给了我们这个：

我试过配置 .jsbeautifyrc 文件，但没有运气。

我想：

1. 保留注释行
2. 在选择指令前添加一个空行 [@extends, @section]
3. @section 指令内的缩进行
4. 缩进 @while 和 @if 内的项目
5. 将@php 代码和@endphp 保持在一行

或者所有这些都失败了，它们有某种可读的、格式良好的代码，而不仅仅是一长串指令。

这可以做到吗？

我正在尝试使用以下基于 JS 的插件格式化代码： https ://github.com/beautify-web/js-beautify

所有示例都使用 NodeJS（似乎）。我只是在寻找一个简单的香草/代码 JavaScript 解决方案。

像这样的东西：

那里有可用的插件吗？一个 jQuery 解决方案也很好。

我是 Web 开发的新手。

我在我的视觉工作室代码中使用美化扩展

https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

当我在我的 ejs 文件中编写 html + javascript 代码时，每当我保存文件时，它都会破坏标签缩进，如下图所示

我希望ejs文件中的javascript代码会是这样的

或者至少我想在使用 ejs 文件时禁用美化扩展。怎么做 ？

我试图像下图一样添加 .jsbeautifyrc，但它不起作用。当我点击保存时，它会破坏缩进

我正在开发一个关于 VSCode 的旧项目，我发现 html 格式化程序和 emmet 语法不适用于 .tpl（Smarty 模板引擎）文件。

这给我的工作流程带来了不便，不幸的是，我在市场上没有看到任何扩展。我很高兴知道如何让扩展（特别是 Beautify 和 Emmet）在其他奇怪的文件格式上运行。

我在 Windows 10 中将此配置与 jsbeautify 1.10.2 一起使用。

并以这种方式调用 jsbeautity：

它抛出这个错误：

如果我删除eol它可以工作的密钥，但当然它会以我不想的方式设置行尾。

我试过用\\crlf /\crlfand crlf。但这只是在每个新行中进行了确切的测试。

这是一个已知问题吗？我声明错了吗？

我将 Beautify 扩展安装到 VSC，但是，我找不到.jsbeautifyrc文件来设置一些选项。例如，我想将 "brace_style" 设置为 ""collapse,preserve-inline"。如何更改扩展的参数？

当我尝试格式化我的 scss 代码库时，我对js beautify有一个小问题。

输入

美化前的代码是这样的：

预期产出

美化后的代码应该是这样的（相同）：

实际输出

美化后的代码实际上是这样的，你可以注意到美化包装了内联注释，显然我不想要这种丑陋的行为。

重现步骤

只需复制 css 代码，然后尝试运行 js-beautify no configuration is needed。

环境

操作系统：Windows 10 家庭版 2020 年 6 月 3 日 18363.720

设置

请注意：这种丑陋的行为独立于配置文件，您可以通过任何配置注意到它。

我研究了 google-code-prettify、beautify 等代码美化工具。不幸的是，我无法在我的 React 应用程序中使用这些美化工具。我目前正在使用 react-ace 来显示动态填充的代码片段，但它们只是颜色突出显示，没有格式化。

有什么简单的例子可以让我在 React App 中使用它吗？它不必使用 Ace 编辑器——这是我的一种技巧，可以让代码显示得很好。

我有一个 json url，我想美化它，但我不想安装或设置任何其他软件。是否有在线服务，我可以将这个 JSON url 传递给它，它只会吐出一个美化的 JSON 输出？

我的 JSON 网址：https ://testardor.jelurida.com/nxt?requestType=searchAssets&query=test

我希望能够将此 URL 传递到某种类型的 3rd 方工具或在线服务中，如下所示：

www.xxxxxxx.com/?myjsonurl= https://testardor.jelurida.com/nxt?requestType=searchAssets&query=test

输出应该是这样的：

目前一切都需要一个工具，但我想看看我是否可以通过某种类型的 3rd 方 url 传递它。