工欲善其事必先利其器,本文基于Windows系统,整理了一些WebStorm常用快捷键,欢迎大家补充纠正。
- 代码跳转:Ctrl + 左键 或者Ctrl + B,可以跳转到函数或者变量的声明位置;Ctrl+Alt+B跳转方法实现处,Ctrl+Shift+B跳转方法定义处
- 打开定义快速查找:Ctrl+Shift+I
- 调用位置:Alt + F7,查找调用者
- 搜索文件:Ctrl + Shift + N
- 搜索类:Ctrl + N
- 查找当前文件的函数或变量:Ctrl + F12
- search anywhere: 双击shift
- 复制整行: Ctrl + D
- 删除整行: Ctrl + Y
- 折叠当前块: Ctrl + '-', 折叠当前块以及子块:Ctrl + Alt + '-', 折叠全部块:Ctrl + Shift + '-'
- 展开当前块: Ctrl + '+', 展开当前块以及子块:Ctrl + Alt + '+', 展开全部块:Ctrl + Shift + '+'
- 选择: Ctrl + W, 选中范围会从小到大逐渐扩大。比如,按一次选中word,按两次,选择表达式,三次,整个函数
- Ctrl+Shift+W,上一个操作的回退
- 功能查找:通过 Ctrl + Shift + A,可以快速的通过关键字检索到相应的功能设置和快捷键。
- 格式化代码:Ctrl + Shift + L,可以设置为 commit 前自动格式化
- 定位到指定代码行: Ctrl + G
- 光标定位到代码块的前/后面:Ctrl + '[' / Ctrl + ']'
- 光标定位到行首/尾:Home/End
- 光标定位到下一行: Shift + 回车
- 光标所在位置大小写转换:Ctrl+Shift+U
- 选中下一个相同的词:Alt + j
- 上/下一个标签页: Alt + 方向(左/右)
- 关闭当前标签页: Ctrl + F4
- 当前文件内容替换: Ctrl + R
- 全局内容替换: Ctrl + Shift + R
- 输出模板: Ctrl + J
- 切换目录侧边栏: Alt + 1
- 切换收藏侧边栏: Alt + 2
- 显示/隐藏所有打开的侧边栏: Ctrl + Shift + F12
- 显示最近修改过的文件: Ctrl + E
- 显示当前css选择器或者js函数的详细信息: Ctrl + Shift + I
- 收藏此文件:Alt + Shift + F
- 补全当前语句:Ctrl+Shift+Enter
- 显示光标所在位置的错误信息或者警告信息:Ctrl+F1
- 行注释/取消行注释:Ctrl+/
- 块注释/取消块注释:Ctrl+Shift+/
- 对所选行进行缩进处理/撤销缩进处理Tab/Shift+Tab
- 选择直到代码块结束/开始:Ctrl+Shift+]/[
- 从开始/结尾删除某一个变量或表达式:Ctrl+Delete Ctrl+Backspace
- 查找当前文件内代码:Ctrl+F
- 指定文件内寻找路径:Ctrl+Shift+F
- 在方法间快速移动定位:Alt+Up/Down
- 跳转到后一个/前一个错误,高亮错误或警告快速定位,使用这个快捷键可以在出错语句之间进行跳转:F2/Shift+F2
- 改名:Shift + F6,修改函数名、变量名、文件名,同时可勾选修改所有引用的位置
- 移动文件:F6,可选修改文件的引用位置,包括html和js文件
- 抽取函数: Ctrl + Alt + M,整块代码抽取成函数
- 抽取变量: Ctrl + Alt + V,当前选中抽取为变量
- 移动整块代码: Ctrl + Shift + ↑↓
- 包裹: Ctrl + Alt + T,外层包裹,比如 if、try catch等
- F8: 下一步(不进入函数)
- F7:单步执行
- Shift + F7: 进入函数内
- Shift + F8:跳出
- Alt + F9: 运行到光标处
- Option/Alt + Enter:默认情况下,Webstorm 不提供 Node Assistance,这时输入
require
引入对应包时不会获得提示,并标黄require
和其引入的包。 在标黄区域按下 option / alt + enter 键,选择Enable Node assistance for Node.js
即可获得 Node.js 语法解析和提示支持。