如何 format/beautify HTML, CSS 和 JavaScript 核心代码 JavaScript？

Question

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

所有示例都使用 NodeJS（看起来）。我只是在寻找一个简单的 vanilla/code JavaScript 解决方案。

像这样：

let sourceContent = " function test() { ... }"
console.log(js-beautify(sourceContent));

有可用的插件吗？ jQuery 解决方案也可以。

Answer 1

示例使用 nodejs，但库也支持浏览器，如自述文件中所述。

所以添加readme中提到的(js beautify)脚本标签：

<script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.10.0/beautify-js.min.js"></script>

那么您可以使用下面的示例代码：

const sourceContent = "function test() { ... }";
const beautified = js_beautify(sourceContent);

这里提到了网络图书馆： https://github.com/beautify-web/js-beautify/blob/master/README.md#web-library

这里提到了可用的网络方法：https://github.com/beautify-web/js-beautify/blob/master/README.md#web-library-1

所以是的，你非常接近 js-beautify() 而不是 js_beautify() :)