前端开发快捷键大全
前端开发快捷键
| 名称 | VS Code | WebStorm | HBuilder X | 说明 |
|---|---|---|---|---|
| 分拆编辑器标签 | Ctrl + \ | Alt + Shift + 2 | 编辑器分拆成左右两栏 | |
| 切换编辑器标签 | Alt + ← / → | Ctrl + PageUp / PageDown | 左右切换编辑器标签 | |
| 关闭编辑器标签 | Ctrl + F4，Ctrl + W | Ctrl + F4 | Ctrl + F4，Ctrl + W | 关闭当前编辑器标签 |
| 跳转文件顶部 | Ctrl + Home | Ctrl + Home | Ctrl + Home | |
| 跳转文件底部 | Ctrl + End | Ctrl + End | Ctrl + End | |
| 跳转到定义 | F12 | Ctrl + B | F12 | 可以跳转到方法或变量定义处 |
| 跳转到指定行 | Ctrl + G | Ctrl + G | Ctrl + G | |
| 返回到上一次改动 | Alt + ← | Ctrl + Alt + ← | 连续按可连续返回多个上次 | |
| 查看所有引用 | Shift + F12 | Ctrl + Click | 可以查看引用方法或变量位置 | |
| 插入光标 | Alt + Click | Alt + Click | 可以在多处插入光标，一般用于多个位置同时改动 | |
| 重命名 | Shift + F6 | 可以重命名，函数，变量，文件 | ||
| 选中当前行 | Ctrl + L | |||
| 向下复制一行 | Shift + Alt + ↓ | Ctrl + D | ||
| 删除一行 | Ctrl + Shift + K | Ctrl + Y | Ctrl + D | |
| 向上插入空行 | Ctrl + Shift + Enter | Ctrl + Shift + Enter | ||
| 向下插入空行 | Ctrl + Enter | Shift + Enter | Ctrl + Enter | |
| 向下选中相同内容 | Ctrl + D | Alt + J | Ctrl + E | |
| 设置锚点或书签 | Ctrl + F11 | Ctrl + F2 | 方便快捷跳转到某行 | |
| 跳转到锚点或书签 | Shift + F11 | F2 | 跳转到某行 | |
| 行上下移动 | Alt + ↑ / ↓ | Shift + Alt + ↑ / ↓ | Ctrl + ↑ / ↓ | |
| 最近打开的文件 | Ctrl + R | Ctrl + E | ||
| 伸缩[]{}代码块 | Ctrl + Shift + ] / [ | |||
| 跳转到{}前后 | Ctrl + ] / [ | Alt + [ | ||
| 格式化代码 | Shift + Alt + F | Ctrl + Alt + L | Ctrl + K | |
| 大小写转换 | Ctrl + Shift + U | Alt + Shift + U / l | ||
| 全局查找 | Ctrl + Shift + F | Ctrl + Shift + F | Ctrl + Alt + F | |
| 查找 | Ctrl + F | Ctrl + F | Ctrl + F | |
| 替换 | Ctrl + H | Ctrl + R | Ctrl + H | |
| 单行注释 | Ctrl + / | Ctrl + / | Ctrl + / | |
| 全屏显示 | F11 | F11 | ||
| 打开设置 | Ctrl + , | Ctrl + Alt + S | Ctrl + Alt + , | |
| 打开终端 | Ctrl + ~ | Alt + F12 | Alt + C |
| 名称 | Chrome | Firefox | 说明 |
|---|---|---|---|
| 打开开发者工具 | F12 | F12 | |
| 查看网页源码 | Ctrl + U | Ctrl + U | |
| 打印网页 | Ctrl + P | Ctrl + P | |
| 正常重新加载 | Ctrl + R | Ctrl + R | |
| 硬性重新加载 | Ctrl + Shift + R | 强制重新加载，不加载缓存，前提：开发者工具打开后有效 | |
| 打开文件查看源码 | Ctrl + P | 输入文件名，可以搜索打开网页源码，前提：开发者工具打开后有效 |
