前端項(xiàng)目中使用js-beautify格式化、美化js代碼
1.js-beautify介紹
很多網(wǎng)站的js，html，css代碼做了混淆處理，導(dǎo)致難以閱讀，這個(gè)時(shí)候js-beautify工具就可以派上用場(chǎng)了。github地址：https://github.com/beautify-web/js-beautify文章來源：http://www.zghlxwxcb.cn/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}"http://此變量為要轉(zhuǎn)換的代碼片段
code = beautify(code, {
indent_size: 2,//縮進(jìn)兩個(gè)空格
space_in_empty_paren: true,
});
console.log(code)
--------------------輸出結(jié)果 --------------------
x = 3.14;
myFunction();
function myFunction() {
y = 3.14
}
-------------------------------------------------
5.效果展示
可以在這個(gè)網(wǎng)站看轉(zhuǎn)換效果：https://www.1tool.site/#/javascript?id=1
效果如圖：
文章來源地址http://www.zghlxwxcb.cn/news/detail-615562.html
到了這里，關(guān)于前端項(xiàng)目中使用js-beautify格式化、美化js代碼的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
