hbuilder 格式化时遇到花括号的代码会换行

最新推荐文章于 2025-06-14 10:06:06 发布

热爱°可抵岁月漫长

最新推荐文章于 2025-06-14 10:06:06 发布

阅读量1.5k

点赞数 2

文章标签：微信小程序

本文链接：https://blog.youkuaiyun.com/weixin_46337813/article/details/120001523

版权

本文介绍了如何在HBuilderX中修改`jsbeautifyrc.js`文件，将brace_style设置为`collapse,preserve-inline`，以实现代码格式化的个性化需求。调整后，重启HBuilderX以应用设置，提升前端开发的代码风格与效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

菜单【工具】【插件配置】【format】【jsbeautifyrc.js】
修改brace_style，为collapse,preserve-inline
重启HBuilderX

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

热爱°可抵岁月漫长

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

记录 hbuilder中 jsbeautifyrc设置格式化时保留大括号{}不换行格式

Key_wang的博客

01-14

6391

问题：在HBuilder中自动格式化代码时，会自动把大括号进行换行，如图： 格式化时就会换行分析：原来一直以为是自动格式化时，自动换行了，没有想到是遇到大括号才会换行，网上找了好久资料，网上大部分是关于vscode中格式化自动换行的回答解决方式：打开hbuilder中的工具 -> 设置 -> 插件设置，进入jsbeautifyrc.js，更改里面的"brace_style"选项添加"preserve-inline"值即可 options: { "indent_size": "1

HTML基础的学习（1）（HBuilder快捷键）

qq_42939519的博客

11-27

1898

一、HTML定义: Hyper text markup language 超文本标记语言; 二、HMTL的结构: <html> <head> <title>（网页标题）</title> </head> <body>（网页内容）</body> </html> 三、HMTL的标签 ...

3 条评论您还未登录，请先登录后发表或查看评论

用HBuilder X自带的格式化，只要遇到到花括号就换行，怎样才能不换行

JadePlus的技术博客

01-02

4352

二、修改 jsbeautifyrc.js中的 "brace_style" 属性值为 "collapse,preserve-inline"。现在虽然不换行了，但是他又在"{"和"$"之间添加了空格，这让JavaScript代码中的ThinkPHP模板变量很尴尬啊。一、依次选择工具->设置->插件配置，打开文件jsbeautifyrc.js进行配置。用HBuilder X自带的格式化，只要遇到到花括号就换行，怎样才能不换行？为了解决这一新的问题，只能采用如下方法了。为了用自带的代码格式化，我真的太拼了。

HBuilderX 项目 jsbeautifyrc格式化代码不自动换行

a1120590091的博客

07-27

1220

设置hbuildx 保存代码不自动换行/折行

Hbuilder uniapp报错：pages.json中花括号{ 报错

qq_51724721的博客

05-20

1680

今天初学uniapp，所以使用了Hbuilder ，但是还没写两句就遇到难缠的报错。（因为我已经处理了，所以就放一张描述图。箭头指向处的花括号报错）排查了很多遍，代码绝对是没有错误的，最后发现是编译器的锅解决方法：将此文件内容copy，然后删除原文件，重新新建其并粘贴原内容。 ...

页面自动换行

腾龙凌九霄

05-09

381

${(ba.content)!}

HTML基础总结第一节

m0_61044901的博客

08-18

451

1.什么是 HTML？ HTML--超文本标记语言。超文本--超越文本格式，可以显示图片,视频，音频数据。标记--html的语法格式，通过这些提前定义好的标记描述内容。 2.HTML的作用？描述网页【制作网页】---软件界面总结：HTML就是描述网页【制作网页】的一种超文本标记语言。 3.怎么是使用html制作网页？ ...

前端——HTML

LiLiLiLaLa的博客

04-22

8228

1.前端三门技术学习Web前端技术需要掌握三门基本技术：HTML，CSS，JavaScript： HTML：HTML是网页内容的载体。内容就是网页制作者放在页面上想要用户浏览的信息，可以包含文件、图片、视频等 CSS：CSS样式是表现，就像网页的外衣比字体、颜色变化等 JavaScript：JavaScript用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单、鼠标滑过北京颜色改变等使用工...

web前端基础html,css,js,jquery

weixin_57619565的博客

08-04

2177

目录 1 前端技术： 1.1 学习方法 1.1.1 前端要怎么学？ 1.1.2 前端技术栈 1.2 HBuilderX 1.2.1 介绍 1.2.2 安装 1.2.3 主题 1.2.4 字体 1.2.5 去掉px转rem提示 1.2.6

内网安装hbuilderx内置终端等插件遇到的问题（自我问题记录）

m0_57005822的博客

12-10

3872

安装hbuilderx时一般是从官网下在安装包，然后在内网解压后直接使用，但是内网不能下载内置终端等插件还需要从外网hbuilderx软件的工据-插件安装选项找到插件下载，再放入对应的插件包内，这个方法适何后续因需求要安装插件，但是有些一般必定要用插件还要再装就比较麻烦。所以只要在外网解压该包，然后打开hbuilderx，下载完所需要插件，再打包该软件，把打包的文件放入内网解压就行了 ...

Flash Builder使用笔记

m_LeonWANG的专栏

01-07

1325

1.设置代码编辑区背景色：窗口->首选项->常规->编辑器->文本编辑器，下边有“外观颜色选项”，这里面可以设置背景色神马的； 2.设置代码字体：窗口->首选项->常规->外观->颜色和字体->基本->文本字体； 3.设置行号：邮件代码页的左边缘条，勾选“显示行号”；

HbuilderX设置禁止自动换行：

SunPeng的博客

11-27

1923

HbuilderX设置禁止自动换行：

HBuilderX 格式化 不换行问题解决方法（import）

qq_17627195的博客

07-20

4829

HBuilderX格式化不换行（import）

HBuilderX中标签属性过长设置格式化换行

NoOne_Success的博客

05-29

2246

工具->插件配置修改成 module.exports = { printWidth: 100,//长度100以外换行 semi: true, tabWidth: 4, useTabs: false, singleQuote: true, trailingComma: "none", bracketSpacing: true, proseWrap: "always",//长度100以外总是换行 htmlWhites...

HBuilder设置代码自动换行的方法

最新发布

qq_36158551的博客

06-14

349

通过 @keyframes 定义动画的关键帧，控制每行文字的显示时间。通过定义一个名为 fadeIn 的动画2，它通过调整透明度从 0 到 1 来实现淡入效果。

美食推荐系统微信小程序

幽络源

06-11

677

微信小程序中跨页面调用函数来刷新页面

aiee的博客

06-13

328

在微信小程序中，不同页面之间的通信和状态管理是常见需求，比如：详情页数据更新，要刷新列表页数据。下面介绍几种在 Page 中调用另一个 Page 函数或刷新页面的方法。

基于vue+js的微信小程序高血压健康管理系统的设计与实现（源码+论文+调试+安装+售后）

知识分享

06-10

736

一、管理员模块。

hbuilder 代码格式化换行

09-13

要在HBuilder中进行代码格式化并实现换行，你可以按照以下步骤进行操作： 1. 首先，找到HBuilder的安装路径，并定位到其中的"plugins"文件夹。 2. 在该文件夹中，搜索并找到名为"beautify-css.js"的文件。这是HBuilder中用于代码格式化的插件文件。 3. 将原始的"beautify-css.js"文件替换为一个已经修改的版本或者根据自己的需求进行修改。 4. 重启HBuilder应用程序，以使修改生效。 5. 接下来，打开HBuilder的设置菜单，可以通过选择"工具" -> "设置"来访问。 6. 在设置菜单中，找到"插件配置"选项，并选择打开。 7. 在插件配置界面中，找到名为"jsbeautifyrc.js"的文件，并选择打开进行配置。 8. 在打开的文件中，查找"brace_style"的设置项，将其从"collapse"修改为"collapse,preserve-inline"。 9. 保存并关闭文件。 10. 现在，当你在HBuilder中进行代码格式化时，它将会根据新的设置进行换行操作。通过按照以上步骤，你可以在HBuilder中实现代码格式化后的换行效果。这样可以提高代码的可读性和可维护性。

hbuilder 格式化时 遇到花括号的代码会换行

hbuilder 格式化时遇到花括号的代码会换行