Bubbly快捷键继承自HBuilderX内核，支持高效开发：Ctrl+P快速搜索文件，Ctrl+Shift+W批量关闭标签页并可Ctrl+Shift+T恢复，Alt+数字键精准切换前9个标签页；输入h8或ht生成HTML5模板，im插入img，di+d1+Space+c生成带id和class的div；Ctrl+Alt+J合并行，Ctrl+Enter插空行，Shift+Enter插br或\n；Ctrl+R自动保存并运行，Alt+P开启实时预览，F5手动刷新。
你正在用Bubbly写前端页面，但每次都要伸手去点菜单栏、反复鼠标拖拽选中再右键——这种操作在赶工期时太拖节奏。Bubbly没有官方快捷键文档，但它的快捷键体系实际继承自HBuilderX内核，所有组合键在2026年最新版中完全可用。
文件与标签页管理
方法一：快速打开和切换文件
按 Ctrl + P 弹出文件搜索框，输入文件名任意片段（比如“login”或“.vue”），回车直接跳转；不用再一层层点开项目树找文件。
方法二：批量清理工作区
按 Ctrl + Shift + W 一键关闭所有未保存以外的标签页；误关了？立刻按 Ctrl + Shift + T 恢复，最多支持20次历史回溯。
方法三：精准定位标签页
Alt + 数字键（1～9）直达前9个标签页；Alt + 0 跳转到最后一个标签页；注意：【Alt+数字是Bubbly专属标签导航，不是浏览器或系统级快捷键】。
高效编辑与代码生成
第一步：插入HTML骨架结构
在空白编辑区输入 h 8 → 按 Enter，自动生成带 charset 和 viewport 的完整 HTML5 模板；敲 h t → Enter 效果相同，但 h 8 更快。
第二步：快速创建常用标签
光标定位后输入 i m → Enter 插入 img 标签；输入 d i → Enter → 输入 d1 → Space → c → Enter，生成 <div id="d1" class=""></div>；class 候选词来自当前项目 CSS 文件定义，自动补全。
第三步：合并与换行控制
按 Ctrl + Alt + J 合并下一行到当前行（删换行符+空格）；按 Ctrl + Enter 在光标下方插入空行；按 Shift + Enter 在 HTML 中插入 <br>，在 JS/CSS 中插入 \n。
调试与运行即时反馈
按 Ctrl + R 直接在内置浏览器中运行当前文件；无需手动保存，Bubbly 默认启用“运行前自动保存”；若页面无响应，检查是否误触了 Ctrl + M ——这个快捷键会最大化编辑器区域，把内置浏览器视图挤没了。
按 Alt + P 切换边看边改视图（Live Preview），实时渲染 HTML/CSS 修改；此模式下修改样式类名，DOM 预览同步刷新，不需刷新页面。
按 F5 手动刷新当前运行页；注意：【F5 不触发自动保存，务必先 Ctrl+S 或确认已启用自动保存】。
