最近在用Hbuilder-X,自带js-beautify。但是默认格式化设置实在是看着太难受。来看看一个VX的格式化,参数愣是给用了三行才格式化完,而且两个参数还分开了,看着太难受。

// mutations
const mutations = {setProducts(state, { defects }) {console.log("mutations.setProducts", defects)state.all = defects}
}

让我们来美化一下,是不是看着很舒服了。

const mutations = {setProducts(state, { defects }) {console.log("mutations.setProducts", defects)state.all = defects}
}

具体配置就是打开js-beautify的配置文件,修改两个配置就可以了

 "brace_style": "collapse-preserve-inline", //代码样式,可选值 [collapse|expand|end-expand|none][,preserve-inline] [collapse,preserve-inline
"wrap_line_length": 12000, //根据需要设置换行长度

转载于:https://www.cnblogs.com/TBhome/p/10690415.html

js-beautify 不换行相关推荐

  1. vue 怎么在html显示为回车_vue.js中怎么换行?

    vue.js中怎么换行?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在页面中经常会遇到自定义文本,如果文本过长就需要换行,在HTML中可以通过 标签换 ...

  2. [js] 处理字符串换行造成的json解析失败

    需求:从数据库某个字段取出字符串出来,转为json,结果发现报错为 解析失败,发现是因为取出的字符串换行导致,现在需要将字符串里面的换行替换为'',使字符串可依成功解析成json对象. 技术:依靠re ...

  3. 使用JS解决TextArea换行失效

    前段时间在处理一个需求时,要求输入产品加工的加工要求,加工要求会很多,希望可以换行显示,我心想这不简简单单,直接使用textarea就行了,但是在使用了textarea后却发现,换行失效了,在查阅了资 ...

  4. js 杠n换行符全部替换br

    js \n全部替换br常用 //js 只替换第一个 function (str){return str.replace('\n','<br/>'); } //js \n全部替换<br ...

  5. js中连续换行符替换成一个换行符

    替换全部换行符为空,简写:msg.replace(/(\n|\r|\r\n|↵)/g, ""): \s+代表连续匹配, 连续换行符替换成一个:msg.replace(/\s+\n/ ...

  6. cocos2d JS 创建实现换行功能的聊天文本 testLable

    -- 创建实现换行功能的文本 function LoadLabelHeroIntroduce(objLabelContent)  //传入文本 ---------------------------- ...

  7. js添加html换行符,javascript – 在contenteditable div中的输入键上插入换行符

    我试图插入一个换行符,而不是当我在一个contenteditable div中输入时浏览器想要插入的内容. 我当前的代码看起来像这样: if (e.which === 13) { e.stopProp ...

  8. js字符串中换行符不起作用如何解决

    有时候需要在字符串中使文字换行,但是换行符 \n 不起作用,这时候在他的HTML元素上,给他的css设置 white-space:pre-line; 这样在字符串中再加入换行符\n就可以实现字符串换行 ...

  9. js中html换行,javascript – 在css/js中的换行

    我正在寻找一种跨浏览器方式来包装长度预定宽度的div中没有​​空格(例如长网址)的文本. 这里有一些我在网上找到的解决方案,为什么他们不为我工作: > overflow:hidden / aut ...

  10. 解决vscode格式化代码html属性换行问题; ctrl+s格式化去除分号,格式化自动单引号;解决js格式化换行问题;mac上的settings.json完整配置

    右键格式化文档或者ctrl + s保存 html不换行 1.安装两个插件①vetur ②Prettier - Code formatter 2.在vetur的settings.json中设置 配置ct ...

最新文章

  1. html5用圆圈画猫,html5的应用-画一个可爱的小猫咪效果图
  2. 使用Apache下poi创建和读取excel文件
  3. 第二章 PX4-RCS启动文件解析
  4. Nginx教程--配置
  5. python中合并列表_关于python:如何将两个列表合并到一个列表中?
  6. 什么是软件测试,软件测试需要注意些什么?
  7. NASM汇编语言与计算机系统02-实模式-显存原理
  8. Node.js区块链开发pdf
  9. Google分析用户页面滚动深度分析jQuery插件 - jQuery Scroll Depth
  10. 007---多态与多态性
  11. psp记忆棒测试软件,psp记忆棒修复工具 ms-format
  12. cloudflare-5s盾分析
  13. 判断一个很大的数是否是11的倍数(2种做法)
  14. IDEA中的TODO使用和Debug史诗级详细使用说明
  15. vscode 管理员权限 运行终端
  16. js php 获取时间倒计时_,JS实现获取时间和设置倒计时代码分享
  17. linux命令指南之三
  18. linux的crontab 命令,每三个月的月末执行一次
  19. Python 实现n*n螺旋矩阵
  20. html实现从内向外渐变色,CSS3 由内到外(放射性)渐变

热门文章

  1. 升级mac系统正在计算机,Mac升级卡死解决办法
  2. 前端加速必备之BootCDN
  3. 安卓开发日记APP史上最详细(SharedPreferences+Room)
  4. golang下载m3u8格式电视剧,调用ffmpeg程序将ts文件合成mp4
  5. Excel如何将一列数据转为一行
  6. 局部语义地图构建——HDMapNet
  7. 2019大数据未来七大发展方向
  8. 3.基于Golang协程实现流量统计系统-快速构建一个示例网站
  9. 动词ing形式的5种用法_动词ing形式的5种用法
  10. 电子技术在计算机的应用与未来展望,电子信息技术的应用特点与未来发展趋势研究...