前端项目中使用js-beautify格式化、美化js代码
1.js-beautify介绍
很多网站的js，html，css代码做了混淆处理，导致难以阅读，这个时候js-beautify工具就可以派上用场了。github地址：https://github.com/beautify-web/js-beautify文章来源：https://www.toymoban.com/news/detail-615562.html
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
效果如图：
文章来源地址https://www.toymoban.com/news/detail-615562.html
到了这里，关于前端项目中使用js-beautify格式化、美化js代码的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
