首页 > 程序员开发工具 > 前端开发快捷键

前端开发快捷键

常用编辑器

名称 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 输入文件名,可以搜索打开网页源码,前提:开发者工具打开后有效