HBuilderX快速上手

简介: HBuilderX快速上手

HBuilderX是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛,非常适合新手上手,这里总结了最常见的快捷键,欢迎观看收藏。



1.快捷键


这里集合了一些比较常用的快捷键,如果掌握效率翻倍


Ctrl+C 复制文本

Ctrl+V 粘贴文本

Ctrl+Z 撤回/返回上一步操作

Ctrl+Y 取消上一步撤销操作

Ctrl+B 文本加粗

Ctrl+K 格式化文本/让文本更漂亮

Ctrl+T 新建一个文档

Ctrl+R 使用浏览器预览

Ctrl+S 保存文件

Ctrl+A 全选文本

Ctrl+D 删除光标所在行

Ctrl+L 选中此行文本

Ctrl+/ 注释选中区域

Ctrl+E 选中全部已选中内容



2.形成一个基础的html结构


首先建立一个html文件,然后输入


!+ Tab 键

THML+enter(回车键)

html>(head>title>{标题})+body>{内容} +Tab键


生成结果如图:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
  </head>
  <body>
  </body>
</html>



3.任何标签+Tab键,创建一个普通标签


img + Tab键

<img src="" alt="">


a + Tab键

<a href=""></a>




4.特殊符号


星号键 代表多个


*

p*5 + Tab键结果如下:

<p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>


> 代表子集

tr>td + Tab键结果如下:

<tr>
    <td></td>
  </tr>


+ 代表兄弟

a+img + Tab键

<a href=""></a>
<img src="" alt="">


() 代表群组

tr>(th+td) + Tab键

<tr>
      <th></th>
      <td></td>
    </tr>


{} 代表文本

p>{您好,我是宁静和致远} + Tab键

<p>您好,我是宁静和致远</p>


$ 代表序列

p*5>{第$行} + Tab键

<p>第1行</p>
    <p>第2行</p>
    <p>第3行</p>
    <p>第4行</p>
    <p>第5行</p>```


@ 代表起始位置

p*5>{第$@100行} + Tab键

<p>第100行</p>
    <p>第101行</p>
    <p>第102行</p>
    <p>第103行</p>
    <p>第104行</p>


p*5>{第$@-行} + Tab键 逆序

<p>第5行</p>
    <p>第4行</p>
    <p>第3行</p>
    <p>第2行</p>
    <p>第1行</p>
相关文章
|
4月前
|
移动开发 小程序 数据可视化
HBuilderX 小白上手指南
HBuilderX 小白上手指南
171 0
|
9月前
|
JavaScript 搜索推荐 Java
vscode打造舒适的python开发环境
_shigen_ 是一位专注于Java、Python、Vue和Shell等技术的博主,分享成长与认知。本文旨在记录配置Mac Python开发环境的过程,以优化使用体验和效率。内容包括:检查与验证Python版本,设置pip的阿里云镜像源以加速下载,以及VSCode的个性化配置,如选用美观的等宽字体和安装Python、isort(导入排序)及autopep8(代码格式化)插件。通过这些步骤,读者可复刻作者的高效开发环境。关注_shigen_ ,每天学习新知识!
107 0
vscode打造舒适的python开发环境
|
小程序 IDE 安全
UniAPP HBuilderX 运行到各个小程序开发工具
UniAPP HBuilderX 运行到各个小程序开发工具
619 0
|
开发框架 移动开发 小程序
快速上手小程序框架Taro,安装及使用教程(一)
快速上手小程序框架Taro,安装及使用教程(一)
194 0
|
开发框架 JavaScript 小程序
Uniapp学习(1)Uniapp是什么,HBuilder软件介绍
Uniapp学习(1)Uniapp是什么,HBuilder软件介绍
255 0
|
Shell 开发工具 数据库
喏,你们要的 PyCharm 快速上手指南
Pycharm 作为一款针对 Python 的编辑器,配置简单、功能强大、使用起来省时省心,对初学者友好,这也是为什么编程教室一直推荐新手使用 Pycharm 的原因。
|
XML 前端开发 小程序
vscode前端开发 - 常用插件
vscode前端开发 - 常用插件
251 0
|
前端开发 JavaScript Linux
前端必备的开发工具推荐——VScode代码编辑器
前端必备的开发工具推荐——VScode代码编辑器
429 0
前端必备的开发工具推荐——VScode代码编辑器
|
Rust 前端开发 数据安全/隐私保护
上手体验用 Rust + Tauri 编写一个抖音批量下载器
用 Rust + Tauri 1.0 做了一个练手工具,整体在编码过程中的感觉还是不错的,打包过程的速度就另说了,不过 Tauri 提供的脚手架是真不错。 下面这个工具功能挺简单的,麻雀虽小,五脏俱全。
1081 0
上手体验用 Rust + Tauri 编写一个抖音批量下载器