WebStorm 前端开发 IDE

精选 WebStorm 常用指令与核心速查备忘单，涵盖高频用法、配置参数与实用技巧。 本速查备忘单收录 JetBrains WebStorm JavaScript/TypeScript 前端集成开发环境中 Windows/Linux 与 macOS 的默认键盘快捷键。

Star 项目
关注 X (Twitter)
赞赏饮咖啡

#Webstorm 键盘快捷键指南 (Keymap)

#文本编辑

快捷键 功能描述
Ctrl Space 基础代码自动补全 (Basic completion)
Alt Enter 显示快速修复与意图动作 (Quick fixes)
Ctrl P 查看方法参数信息 (Parameter info)
Ctrl Q 快速查看文档说明 (Quick doc)
Ctrl mouse over 悬停查看简略信息 (Brief info)
Ctrl F1 查看光标处的错误或警告详细说明
Alt Insert 自动生成代码 (Generate code)
Ctrl Alt T 结构代码包裹 (Surround with...)
Ctrl J 插入实时代码模板 (Live template)
Ctrl / 添加/取消单行注释
Ctrl Shift / 添加/取消块级注释
Ctrl W 递进扩大选择代码块
Ctrl Shift W 缩小缩小当前选择范围
Alt+Q 查看当前上下文信息 (Context Info)
Ctrl Alt L 自动格式化代码 (Reformat code)
Ctrl Alt I 自动对齐缩进当前行
Tab 增加选中行的缩进 (Indent)
Shift Tab 减少选中行的缩进 (Unindent)
Ctrl Shift V 从剪贴板历史记录中选择粘贴
Ctrl D 复制当前行或选中的代码块
Ctrl Y 删除光标所在整行
Alt Shift Up 将当前行向上移动
Alt Shift Down 将当前行向下移动
Ctrl Shift J 合并下一行至当前行 (Join lines)
Ctrl Enter 拆分打断当前行
Shift Enter 换行开启新的一行
Ctrl Shift U 切换字母大小写转换 (Toggle case)
Ctrl Shift ] 选中至代码块末尾
Ctrl Shift [ 选中至代码块开头
Ctrl Delete 删除至当前单词末尾
Ctrl Backspace 反向删除至当前单词开头
Ctrl + 展开当前代码块 (Expand)
Ctrl - 折叠当前代码块 (Collapse)
Ctrl Shift + 展开全部代码块 (Expand all)
Ctrl Shift - 折叠全部代码块 (Collapse all)
Ctrl F4 关闭当前编辑器的标签页

#⚙️ 常规通用操作 (General)

快捷键 功能描述
Double Shift 随处全能搜索 (Search everywhere)
Ctrl Shift A 查找操作与命令 (Find Action)
Alt 0...9 打开对应序号的工具窗口
Ctrl Shift F12 切换最大化编辑器窗口
Alt Shift F 添加至收藏夹 (Add to Favorites)
Alt Shift I 静态代码检查当前文件 (Inspect)
Ctrl ` 快速切换主题与配色方案
Ctrl Alt S 打开 IDE 全局设置对话框
Ctrl Tab 在工具窗口与标签页间快速切换

#🧭 界面导航 (Navigation)

快捷键 功能描述
Ctrl B | Ctrl + Click 跳转至变量/函数声明处 (Declaration)
Ctrl N 按类名查找跳转 (Go to class)
Ctrl Shift N 按文件名查找跳转 (Go to file)
Ctrl Alt Shift N 按符号名查找跳转 (Go to symbol)
Alt Right 切换至右侧编辑器标签页
Alt Left 切换至左侧编辑器标签页
F12 切回上一次使用的工具窗口
Esc 焦点切回代码编辑器
Ctrl G 跳转至指定行号/列号 (Go to line)
Ctrl E 弹出最近打开的文件列表 (Recent)
Ctrl Alt Right 导航历史记录前进 (Forward)
Ctrl Alt Left 导航历史记录后退 (Back)
Ctrl Shift Backspace 跳转至上一次修改代码的位置
Alt F1 在任意视图中定位当前文件 (Select in...)
Ctrl Alt B 跳转至接口实现处 (Implementation)
Ctrl Shift I 快速查看定义弹窗 (Quick definition)
Ctrl Shift B 跳转至类型声明处 (Type declaration)
Ctrl U 跳转至父类/父方法 (Super class)
Alt Up 向上跳转至上一个函数定义
Alt Down 向下跳转至下一个函数定义
Ctrl ] / [ 移动至代码块末尾/开头
Cltrl Shift M 光标移动至匹配的括号处
Ctrl F12 弹出当前文件结构大纲 (File structure)
Ctrl H 查看类型层级结构 (Type hierarchy)
Ctrl Alt H 查看方法调用层级结构 (Call hierarchy)
F2 / Shift F2 跳转至下一个/上一个高亮错误
F4 / Ctrl Enter 跳转至源码 (Jump to source)
Alt Home 导航至顶部面包屑导航栏
F11 打上/取消书签标记 (Bookmark)
Ctrl Shift F11 打上带助记符的书签标记
Ctrl 0...9 跳转至对应数字序号的书签
Shift F11 显示所有书签列表 (Show bookmarks)

#多光标与多重选择 (Multiple Carets)

快捷键 功能描述
Alt Click 添加或移除多个输入光标
Shift Ctrl + Alt-J 选中文件中所有匹配的单词
Alt J 选中下一个相同的匹配项
Alt Shift J 取消选中上一个匹配项
Esc 退出多光标选择模式

#调试面板 (Debugging)

快捷键 功能描述
F8 单步跳过 (Step over)
F7 单步进入 (Step into)
Shift F7 智能单步进入 (Smart step into)
Shift F8 单步跳出 (Step out)
Alt F9 运行至光标位置 (Run to cursor)
Alt F8 计算动态表达式 (Evaluate expression)
F9 恢复程序运行 (Resume program)
Ctrl F8 设置/取消断点 (Toggle breakpoint)
Ctrl Shift F8 查看管理所有断点 (View breakpoints)

#运行与构建 (Running)

快捷键 功能描述
Alt Shift F10 选择运行配置并启动运行
Alt Shift F9 选择运行配置并启动调试
Shift F10 启动运行当前配置 (Run)
Shift F9 启动调试当前配置 (Debug)
Ctrl Shift F10 运行编辑器中的上下文配置
Alt Shift R 重新运行测试 (Rerun tests)
Alt F11 运行 Gulp/Grunt/npm 脚本任务

#使用情况检索 (Search Usages)

快捷键 功能描述
Alt F7 全局查找引用 (Find usages)
Ctrl F7 在当前文件中查找引用
Ctrl Shift F7 高亮当前文件中的所有引用
Ctrl Alt F7 弹出显示引用使用列表

#版本控制与本地历史 (VCS / Local History)

快捷键 功能描述
Alt ` 唤起 VCS 快捷操作菜单
Ctrl K 提交更改至版本库 (Commit)
Ctrl T 从版本库更新代码 (Update)
Alt Shift C 查看最近修改历史记录

#查找与替换 (Find & Replace)

快捷键 功能描述
Ctrl F 当前文件内查找 (Find)
F3 查找下一个匹配项
Shift F3 查找上一个匹配项
Ctrl Shift F 全局路径文件中查找 (Find in path)
Ctrl R 当前文件内替换 (Replace)
Ctrl Shift R 全局路径文件中替换 (Replace in path)

#重构重组 (Refactoring)

快捷键 功能描述
Ctrl Alt Shift +T 唤起全局重构菜单 (Refactor this)
F5 / F6 复制文件 / 移动文件 (Copy/Move)
Alt Delete 安全删除 (Safe Delete)
Shift F6 重命名变量/函数/类 (Rename)
Ctrl F6 修改函数签名定义
Ctrl Alt N 内联变量提取 (Inline Variable)
Ctrl Alt M 提取为独立方法 (Extract Method)
Ctrl Alt V 提取为变量 (Extract Variable)
Ctrl Alt C 提取为常量 (Extract Constant)
Ctrl Alt P 提取为参数 (Extract Parameter)