JS一行长代码格式化为可读性高的多行代码

最新推荐文章于 2023-08-15 15:35:57 发布
最新推荐文章于 2023-08-15 15:35:57 发布
阅读量3.3k 收藏 7
点赞数 4
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shenxiaomo1688/article/details/102541657
版权

从外部引入的JS代码，大的往往有几千代码，打开时却只有一行长到看不到尽头的代码，看着累，调试也不方便发现问题，下面介绍一种方法，可将其转化成多行自动对齐的代码，这样可读性就提高不少。具体操作是：

1.打开这个网站：http://tool.chinaz.com/tools/jsformat.aspx，如下图：

2.将要转化的JS代码复制粘贴到左边方框，然后右侧方框下面的格式化按钮，就会进行转化了，转化后的效果如下：

moxiaoran5753
关注
  • 4
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
多行转成一行
04-20
sql 格式化工具没有反格式化，这个工具就有用了。
漂亮：漂亮是一种自以为是的代码格式化程序
02-03
固执的代码格式化器JavaScript·TypeScript·流·JSX·JSON CSS·SCSS·更少HTML·Vue·角度GraphQL·Markdown·YAML 介绍漂亮的是一个自以为是的代码格式化程序。 它通过解析代码并使用自己的规则（考虑最大行长）...
将一行js文件转化为格式化（转为多行）
无情Array
07-01 5649
进入http://tool.chinaz.com/Tools/JsFormat.aspx 将一行js文件格式化为多行。
对整行的js代码进行格式化处理
04-25 1008
http://www.51240.com/javascript/
JS使用正则 一行代码格式化时间
we
05-06 376
js很简洁的格式化时间代码 new Date().toLocaleString().replace(/\//g, "-").replace(/-(\d)\b/g, '-0$1') //运行效果 //'2022-05-06 09:22:13' new Date().toLocaleString().replace(/\//g, "-") //运行效果 //'2022-5-6 09:22:13' 只格式化日期 new Date().toLocaleDateString().replace(/
JS单行显示的格式化方法-PhpStorm
技术狂人
04-17 3754
Code->Reformat code 解决js代码在一行的问题 管理员在2009年8月13日编辑了该文章文章。 --> --> window._bd_share_config={"common":{"b
漂亮的是一个自以为是的代码格式化程序。-Python开发
05-28
固执己见的代码格式化...它通过解析代码并使用自己的规则（考虑最大行长）重新打印代码，从而实现一致的样式，并在必要时包装代码。 输入foo（reallyLongArg（），omgSoManyParameters（），IShouldRefactorThis（）是
Prettier:固执的代码格式化器-开源
04-15
Prettier是一个开放源码的，有思想的代码格式化程序，它基本上采用您代码的所有原始样式，并通过按照其自己的规则进行解析和重新打印来实施一致的代码样式。 它考虑了最大行长，并在需要时包装了代码。 Prettier使...
关于JS格式化问题(JS都在一行显示)
weixin_44336299的博客
08-11 2800
简单暴力，无需设置 进入 http://tool.chinaz.com/Tools/JsFormat.aspx 将一行js文件格式化为多行。
JavaScript 行长度和折行
Serena_tz的博客
03-09 1157
为了达到最佳的可读性，程序员们常常喜欢把代码行控制在 80 个字符以内。 如果 JavaScript 语句太长，对其进行折行的最佳位置是某个运算符： 实例： document.getElementById("demo").innerHTML = "Hello Kitty."; 在运算符旁边（ = + - * / ）添加空格是个好习惯： var x = y + z; ...
在Vscode中，使用Shift + Alt + F导致本来一行的代码变成多行，看起来贼难受
最新发布
好看的皮囊千篇一律，有趣的灵魂万里挑一。
08-15 1611
在VSCode中，我们经常安装各种插件，本人采用的时vuter插件，但是在使用这个插件的时候，我发现，使用Shift + Alt + F，对整个前端vue界面进行代码格式化的时候，本来是一行就可以展示的代码，变成了好几行，难看死了，并且去检查错误的时候，发现这个是真心难找，并且可读性并不友好，说句实在话，本来可以一眼就可以看明白的代码，你要看许多行才能把这段代码看完，你烦不烦，反正我挺烦的
js一行代码解决问题
qq_36384745的博客
04-19 179
数组乱序、复制到剪贴板、数组去重、检测黑暗模式、滚动到顶部/底部、生成随机颜色
JS代码格式化
热门推荐
lingle1的博客
05-27 1万+
文章目录 JS代码格式化也就是规范化，保留必要的换行和缩进使代码阅读起来更容易。 团队协同工作时会有相应的标准，大家要保证统一的代码风格，这样在合并代码的时候才不容易出问题。 通过快捷键Ctrl+Shift+F进行格式化 　　Ctrl+Shift+F 格式化代码后总把一行拆成两行或者更多有点不适应，所以木桶厂家专卖按个人爱好更改他，这里介绍的是MyEclipse8.5的更改方式其他应该差不多Window→Preferences→Java→Code Style→ Formatter右侧可以直接Edit也可以N
解决VSCode打开的JS代码只有一行的问题
m0_54480086的博客
01-05 6279
下载Prettier-Code- formatter插件； 代码全选，按Ctrl+Shift+P选择Format Selection即可。
数千行的js代码变成了一行，如何复原，该换行的换行，该对齐的对齐
小邯韩的博客
11-12 8939
转化前为一行代码 第一步：点击这个网站http://tool.chinaz.com/tools/jsformat.aspx 第二步：
一行代码太长的解决方法
ningyanggege的博客
05-12 6732
重点注意字符串换行，是每一行都是完整的字符串，即每一行都有单双引号，而不是我前面认为的整个句子只有一对单双引号，即起始位置。
js（对象一行拆分为多行）
xiaomomi的博客
08-26 1740
对象一行拆分为多行 var a={ 'contents0': "0", 'contents1': "2", 'name0': '0', 'name1': '2', 'type0': "0", 'type1': "2" } var keyList=Object.keys(a) var projectList=[] var rex=/[0-9]$/g for(le
Jupyter Notebook把一段很长的代码分成多行的解决办法
06-08
在Jupyter Notebook中，可以使用反斜杠（\）将一行长代码拆分成多行，例如： ``` long_string = "This is a very long string that I want \ to split into multiple lines for better readability in \ my Jupyter Notebook. This can also be useful when dealing \ with long function arguments or SQL queries." ``` 另外，也可以将长字符串放在一对三引号（''' 或 """）中，这样可以直接在多行中编写字符串，例如： ``` long_string = '''This is a very long string that I want to split into multiple lines for better readability in my Jupyter Notebook. This can also be useful when dealing with long function arguments or SQL queries.''' ``` 这两种方法都可以将长代码分成多行，提高代码可读性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值