前端项目中使用js-beautify格式化、美化js代码

1.js-beautify介绍

很多网站的js，html，css代码做了混淆处理，导致难以阅读，这个时候js-beautify工具就可以派上用场了。github地址：/beautify-web/js-beautify

2.安装js-beautify

npm install js-beautify --save

3.在需要用到的文件中引入

import beautify from "js-beautify";

4.使用js-beautify

let code = "x=3.14;myFunction();function myFunction(){y=3.14}"//此变量为要转换的代码片段code = beautify(code, {indent_size: 2,//缩进两个空格space_in_empty_paren: true,});console.log(code)--------------------输出结果 --------------------x = 3.14;myFunction();function myFunction() {y = 3.14}-------------------------------------------------

5.效果展示

可以在这个网站看转换效果：https://www.1tool.site/#/javascript?id=1

效果如图：