前端工具HBuilder 使用方法

HBuilder工具的部分快捷键使用,熟练使用可以增加工作效率
其他一些编译软件使用方法也有类似的快捷键

目录

    • HBuilder的使用方法,快捷键之类的
      • 1. 替换功能
      • 2. h标题生成快捷方法
      • 3. 生成乱数假文
      • 4. 生成大量含有乱数假文的 p段落
      • 5.向下向上空行
      • 6. 生成相同格式的标题、段落

HBuilder的使用方法,快捷键之类的

1. 替换功能

(1)选中代码块后,按ctrl+F 替换功能,可以替换部分指定代码

2. h标题生成快捷方法

h1*6后按tab键会自动生成六个h1标题;写h$*6>{$级标题}会生成1-6级标题

3. 生成乱数假文

乱数假文,没有任何实际含义的文字,可以用来测试效果
打出 lorem 后按tab键(VScode安装Emment插件后也可以使用该快捷方式)

4. 生成大量含有乱数假文的 p段落

p*6>lorem 后按住tab键,可以生成6个含有乱数假文的自然段

5.向下向上空行

向下空行:ctrl+enter;向上空行:ctrl+shirt+enter
无论光标是在那一行的什么位置,都可以向上向下空行

6. 生成相同格式的标题、段落

标题1和段落1 :

<h1>章节1h1>
		<p>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure expedita porro rem inventore veniam perferendis perspiciatis consectetur dicta labore amet ratione eligendi iusto quasi obcaecati hic quod mollitia ipsum natus.
		p>

生成与上述格式相同的标题2和段落2 :
(h2{章节1})+p>lorem后按 tab键,自动生成标题2和段落2:

章节1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi fugit tenetur iste ad suscipit rerum esse molestias maxime repudiandae laborum aliquid dolor magnam aspernatur sunt vel obcaecati iure inventore odio.

若需要生成很多相同格式的章节:写((h2{章节1})+p>lorem)*6后按tab键
若需要生成相同格式序号递增的章节:写((h${章节$})+p>lorem)*6后按tab键
若需要增加每个段落的字符数目:写((h2{章节$})+p>lorem1000)*6,有1000个字符
若生成的标题需要加上 id :写((h2[id="chapter$"]>{章节$})+p>lorem1000)*6后加上 tab键

若需要生成6个具有相同结构的a 元素,写a[href="#chapter$"]*6>{章节$}后按tab键

使用类似的方法,可以批量生成类似结构语句,eg.写div*6,按tab键后可以生成六个div

你可能感兴趣的:(工具)