前端项目中使用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
效果如图：

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

axios 使用步骤很简单，首先在前端项目中，引入 axios：
2019独角兽企业重金招聘Python工程师标准>>> 前端网络访问,主流方案就是 Ajax,Vue 也不例外,在 Vue2.0 之前,网络访问较多的采用 vue-resources ...
php项目前端src文件结构,前端项目中目录结构优化的方法总结
本篇文章给大家带来的内容是关于前端项目中目录结构优化的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 目录结构优化现在前端项目越来越变得像大型工程了,而且越来越复杂了,需要 ...
前端项目中常用的工具包（拖拽排序表格、打印导出表格、文本复制等）【持续更新~~~】
表格类: cdn库 cdn vxe-table[开源的多功能表格] 简介一个基于 vue 的 PC 端表格组件,支持增删改查.虚拟滚动.懒加载.快捷菜单.数据校验.树形结构.打印导出.表单渲染.数据 ...
前端项目中常用的轮子，提升开发效率
React UI组件库 1.Ant Design :文档齐全,社区生态良好,有手机版,还有PC版.可以用来快速创建手机/后台/内部应用的UI组件库.我的博客,就是那这个组件库制作的. 网址:https ...
前端项目中碰到的疑难杂症
1.路由跳转: vue项目中的router的hash方式和history方式的区别,this.router.push方法和this.router.push方法和this.router.push方法和t ...
前端项目中遇到的最大问题是什么，该如何回答
1 业务简单由于之前的业务呢,相对来说比较常规,没有遇到太大的困难呢.但是比较期待在今后的工作中遇到一些难题,因为这样才能使我成长 2 业务复杂不能说的特别简单 uni-app刚出来的时候,官方文 ...
前端项目中使用excel等office办公软件
如何在项目中读取office --- excel.doc.ppt文件废话不多说,直奔主题,为了实现这项功能,前前后后找了不少插件等等.. 1.spreadjs 纯前端表格控件,界面很高大尚,功能也很 ...
如何在我们项目中利用开源的图表（js chart）
最近觉得应该把自己在技术上的一些心得记录在博客里面跟大家分享,一起讨论,一起成长! 这篇随笔主要为介绍chart在项目中的运用,因为在我们看到一些开源的chart时候,是使用纯js 或者建立在一些插件 ...
前端项目中package.json到底是什么，又充当着什么作用呢？一文来带你了解package.json！
大家好,我是纸飞机,想必大家都在项目中经常看见package.json.package-lock.json.node_modules这三剑客,那么他们到底是什么呢?又有什么作用呢?今天就来带你们理一遍 ...

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

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

1.js-beautify介绍

2.安装js-beautify

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

4.使用js-beautify

5.效果展示

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

最新文章

热门文章