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

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

1.js-beautify介绍

很多网站的js，html，css代码做了混淆处理，导致难以阅读，这个时候js-beautify工具就可以派上用场了。github地址：https://github.com/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
效果如图：