Hbuilder代码格式化问题

打开HBuilder点击工具打开选项

打开选项以后点击HBuilder，点击整理格式化设置

默认配置不可更改，首先要先复制一份在修改

点击修改配置，进行更改格式化的设置

有各种设置以后完全可以满足个人的习惯，

更改了，各种符号的缩进，在使用格式化代码，就不会没有多余的空格。

如果您正在使用 HBuilder 编辑器创建 HTML 或 CSS 页面，并且想将文本向后移动，您可以使用 CSS 的 margin 属性来调整元素的外边距。 以下是一些常用的方法： 1. 使用 CSS margin 属性：您可以在 CSS 中使用 margin 属性来调整元素的外边距。例如，如果您想将段落文本向后移动10个像素，请使用以下 CSS 代码： ``` p { margin-left: 10px} ``` 在上面的代码中，您将左外边距设置为 10 像素，这将使段落文本向后移动。 2. 使用 HTML 中的空格或制表符：您可以在 HTML 中使用空格或制表符来向右缩进文本。例如，如果您想在段落中向右移动文本，请在文本前插入空格或制表符。这种方法可以快速简单，但不够灵活。也可能因为不同浏览器的解析不同，导致显示效果不一样。 无论哪种方法，都可以在 HTML 或 CSS 中容易地调整文本或元素的位置，以适应您的需求。

快捷键

免拖动选择

⽤⿏标或拖着选中⼀⽚⽂本，是⼀个很容易让⾷指抽筋的 *** 作。尤其是触摸板更痛苦。

但是背诵很多相关的快捷键也⼀样痛苦。

HBuilderX提供了更友好⽅式：智能双击和Ctrl+=扩⼤选区。

智能双击 Ctrl+]

下⾯是智能双击选中tag和包围⽗tag的⽰例

1. 双击div的⾸或尾可以选中这个tag。当然双击if、双击缩进符、双击括号引号内侧...很多位置都可以通过智能双击选中。具体见HBuilder的选择

菜单。

第 1 页

成都哪里有粘土陶粒

最近13分钟前有人咨询相关问题

成都哪里有粘土陶粒成海珍珠岩厂家，总的来说，正是陶粒是一种具...你想知道的，这里全都有!更多精彩内容，尽在拼多多

点击立即咨询，了解更多详情

咨询

深圳前海新之江信息.. 广告

2. 按Ctrl+]包围，就可以在这个选区⾸尾加⽗标签，同时闪烁光标。当前在js⾥按下Ctrl+]不会包围tag，⽽是包围if、for等函数库。

3. 输⼊div即可在⾸尾添加包围标签

扩⼤选区Ctrl+=

=是+的默认键位置，所以Ctrl+=其实就是Ctrl键和+号⼀起按下。

在HBuilderX⾥可以智能的判断选区范围，持续扩⼤选区，⽆⿏标快速选中你需要的选区。

反包围 Ctrl+Shift+]

上⾯讲到包围，也⾃然有反包围。

1. 双击tag p开头，选中该tag。

第 2 页

2. 按反包围Ctrl+Shift+]，可去掉tag p并⾃动处理⼦节点的缩进。

这⾥多提⼀句HBuilderX的快捷键理念，就是符号化，⽽不是字母化。

很多⼯具的快捷键都是控制键+功能英⽂单词中的⼀个字母，这个是极难记忆的。

符号化让快捷键的记忆变简单，⽐如Ctrl+]是包围。

⽽反 *** 作或增强 *** 作⼀般是加Shift，⽐如Ctrl+Shift+]是反包围。

选中相同语法词 Ctrl+Shift+e（mac是Command+Shift+d）

1. 下图中，使⽤普通的选择相同词，会把所有div都选中。但使⽤Ctrl+Shift+e（mac是Command+Shift+d），会智能识别语法，剔除不相

第 3 页

⼲

的词。

2. 下图按下Ctrl+Shift+e同时选中tag⾸尾的div，⽽不会选中⼦节点的div。

3. 然后就可以⽅便的将原div改名为p

选择⼀个括号时，也可以使⽤选中相同语法词，来选中对应的另⼀个括号

交换选区内容

当需要交互2个选区的内容时，选中a、剪切、点b前⾯、粘贴、选中b、找到之前a的位置点击、粘贴...这么长的 *** 作太低效。

来看HBuilderX的Ctrl+Shift+x交互选区，也就是Ctrl+x的增强版。

第 4 页

1. 双击第1个style属性后的引号内侧，可选中引号内容。

2. 按下Ctrl后继续双击第2个style属性后的引号内侧，可选中2个引号内的选区。

3. 按下Ctrl+Shift+x，交换style属性的内容。

撤销最后⼀个多选区或多光标

选区选多了或选错了，不⽤担⼼要重头选，Ctrl+Shift+z不是撤销编辑内容，⽽是撤销最后⼀个选区。

1. 双击选中class

2. 按Ctrl+e选中相同词

3. 按Ctrl+Shift+z，不再选中最后⼀个词。

批量合并⾏

第 5 页

下图⽰例，是把css合并为⼀⾏时的快捷 *** 作

1. 双击{内侧选中class

2. 按Ctrl+双击选中另⼀个class

3. 按反格式化Ctrl+Shift+k，可以把每个css的区块代码都合并为⼀⾏

Ctrl+k是格式化代码，那么Ctrl+Shift+k就是合并为⼀⾏。

同时注释if段⾸尾

if块的调整很常见，除了包围、反包围外，常⽤ *** 作还有同时注释掉if段⾸尾。

1. 双击if选中if代码块

2. 按Ctrl+\在选区⾸尾加光标，变成多光标模式

第 6 页

3. 按Ctrl+/注释掉选区⾸尾⾏

第 7 页

百度文库

搜索

百度文库10亿海量资料，查找管理一应俱全

打开APP

---