小程序学习01——HBuilder编辑器

今早晚点睡喔2024-12-29 17:05

一、下载

[二、介绍](#二、介绍)

[1. 快捷键](#1. 快捷键)

[2 自定义代码块](#2 自定义代码块)

一、下载

软件下载地址:HBuilderX-高效极客技巧

二、介绍

1. 快捷键

（1） alt+q 显示/隐藏左侧边栏

（2） ctrl+p 查询文件名称

（3） ctrl+f 查询某一代码

（4） ctrl+/ :设置注释(未选中区域，默认注释单行，如果选中多行，则注释多行)

（5） ctrl+K :规范格式化代码

（6） ctrl+A :全部选中

（7）全局搜索（对当前整个项目目录搜索

（8）！＋ tab键显示默认HTML代码

html 复制代码

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	
</body>
</html>

2 自定义代码块

（1）工具 >>> 代码块设置 >>> HTML代码块

（2）使用默认代码块

在uniApp开发项目中，经常会对环境进行区分

（3）在<body>里输入 ifie （代码块命令）出现代码提示回车

小程序学习01——HBuilder编辑器

一、下载

二、 介绍

1. 快捷键

2 自定义代码块

二、介绍