多读书多实践,勤思考善领悟

史上最全的Webstorm快捷键及技巧

本文于2107天之前发表,文中内容可能已经过时。

Webstorm是一款前端开发神器,此文介绍webstorm的快捷键和技巧分享。

所谓工欲善其事,必先利其器嘛,想着如果要提高开发效率,那掌握一些常用的快捷键应该是少不了的,所以把webstorm快捷键及技巧分享给大家。持续更新中

webstorm官方下载地址:http://www.jetbrains.com/webstorm/

快捷键大全

编辑类


【Ctrl + Space 】基本代码完成 (任何类、 方法或变量名称)
【Alt + Enter】 展示意图动作和快速修复
【Ctrl + P】显示调用方法内参数信息
【Ctrl + Q】 快速记录查找
【Ctrl + mouse】放在代码上面-显示简短的代码信息
【Ctrl + F1】在插入符号显示错误或警告的说明
【Alt + Insert】生成代码
【Ctrl + Alt + T】快速生成(if..else, try..catch, for, etc.)等
【Ctrl + J】插入Live模板
【Ctrl + / 】行注释与取消行注释
【Ctrl + Shift + / 】块注释与取消块注释
【Ctrl + W 】增加选择中代码块
【Ctrl + Shift + W 】减少当前所选内容代码块
【Alt + Q 】上下文信息
【Ctrl + Alt + L 】格式化代码
【Ctrl + Alt + I 】自动缩进的行数
【Tab / Shift + Tab 】缩进/取消缩进选定的行
【Ctrl + X , Shift + Delete】 剪切到剪贴板的当前行或者所选代码块
【Ctrl + C】Ctrl + 插入复制当前行或者所选代码块到剪贴板
【Ctrl + V】Shift + 从剪贴板插入粘贴
【Ctrl + Shift + V 】最近缓冲区粘贴
【Ctrl + D】复制当前行或者所选代码块
【Ctrl + Y】删除行
【Ctrl + Shift + J 】加入行
【Ctrl + enter 】拆分行
【shift + Enter 】 重新开始一行(无论光标在哪个位置)
【Ctrl + Shift + U 】切换选中词或所选代码块的大小写
【Ctrl + Shift +]】选中直到代码块的开始
【Ctrl + Shift +[】选择直到代码块的结束
【Ctrl + Delete】 删除光标右侧的词
【Ctrl + backspace】 删除光标左侧的词
【Ctrl + NumPad+】展开代码块
【Ctrl + NumPad-】折叠代码块
【Ctrl + Shift + NumPad+】展开所有代码块
【Ctrl + Shift + NumPad-】折叠所有代码块
【Ctrl + F4 】关闭当前标签页

同时编辑多行


【Alt + Click】 同时选中多行,同时编辑
【Shift + Ctrl + Alt + J】选择所有当前选中的词
【Alt + J】选择下一个相同的词
【Alt + Shift + J】取消所有选中的词
【Esc】取消选择所有选中的词或插入符号

运行类


【Alt + Shift + F10/F9】 选择配置和运行/调试
【Shift + F10/F9】 运行/调试
【Ctrl + Shift + F10/F9】 运行/调试上下文配置从编辑器
【Alt + Shift + R】 重新运行测试

调试类


【F8】不进入函数
【F7】 单步执行
【Shift + F7】 只能单步执行
【Shift + F8】跳出
【Alt + F9】 运行到光标处
【Alt + F8】 计算表达式的值
【F9】 重新开始
【Ctrl + f8】 切换断点
【Ctrl + Shift + F8】 查看断点

导航类


【Ctrl + N】跳转到指定类
【Ctrl + Shift + N】 通过文件名快速查找工程内的文件
【Ctrl + Alt + Shift + N】 通过一个字符查找函数位置
【Alt + Right】进入下一个编辑器选项
【Alt + Left】进入上一个编辑器选项
【f12】 进入上一个工具窗口
【esc】 从工具窗口进入编辑器
【Shift + Esc】 隐藏活动窗口
【Ctrl + Shift + F4】 关闭活动运行/消息/查找/选项卡
【Ctrl + G】 跳转到指定行
【Ctrl + E】 弹出最近打开的文件列表
【Ctrl + Alt + Left】导航前进
【Ctrl + Alt + Right】导航回退
【Ctrl + Shift +Backspace】定位到最近编辑窗口
【Alt + F1】查找当前选中的代码或文件在其他界面模块的位置
【Ctrl + B/Click】跳转到定义处
【Ctrl + 单击】转到声明
【Ctrl + Alt + B 】跳转方法实现处
【Ctrl + Shift + I】打开定义快速查找
【Ctrl + Shift + B 】跳转方法定义处
【Ctrl + U 】转到超级方法/超级类
【Alt + Up/Down】在方法间快速移动定位
【Ctrl +]/[】移动到代码块结束/启动
【Ctrl + f12】弹出文件结构
【Ctrl + H 】类型层次结构
【Ctrl + Alt + H】 调用层次结构
【F2/Shift + F2】跳转到后一个/前一个错误,在出错的语句之间进行跳转。
【F4/Ctrl + Enter】 编辑源代码/查看源代码
【Alt + home】 显示导航栏
【F11】切换标记
【Ctrl + F11】 采用记忆切换标记
【Ctrl + #[0-9]】跳转到带编号的标记
【Shift + F11 显示书签

VCS版本控制


【Alt + 反引号 (‘)】 ‘VCS’ 快速弹出
【Ctrl + K】提交项目到VCS
【Ctrl + T】 从VCS更新项目
【Alt + Shift + C】查看最近的更改

搜索/替换


【Ctrl + F】 查找
【F3】 查找下一个
【Shift + F3】 查找上一个
【Ctrl + R】替换
【Ctrl + Shift + F】 在路径中找到
【Ctrl + Shift + R】 替换路径中的查找

搜索类


【Alt + f7】查找实例
【Ctrl + f7】在文件中查找实例
【Ctrl + Shift + f7】 在文件中高亮实例
【Ctrl + Alt + F7】显示实例

重构类


【F5】拷贝当前文件
【F6】移动当前文件
【Alt + delete】 安全删除
【Shift + F6】 重命名
【Ctrl + Alt + N】嵌入变量
【Ctrl + Alt + M】提取函数
【Ctrl + Alt + V】引入变量
【Ctrl + Alt + C】引入常量
【Ctrl + Alt + P】引入参数
【Ctrl + F6】改变方法名

常规类


【Ctrl + Shift +a】 查找当前
【双击shift】查找所有的(包括文件、命令等)
【Alt + #[0-9]】 打开相应的工具窗口
【Ctrl + Shift + f12】 键切换最大化编辑器
【Alt + Shift + F】 将添加到收藏夹
【Alt + Shift + I】 检查当前文件与当前配置文件
【Ctrl + 反引号 (‘)】快速切换当前计划
【Ctrl + Alt + S】 打开设置
【Ctrl + Tab】 切换选项卡和工具窗口

常用插件推荐

  1. Key Promoter【学习快捷键神器】
    鼠标完成某项操作时,会提示相应的快捷键。

  2. activate-power-mode【装*神器】
    Atom上的神器,安装之后可以在 window -> activate-power-mode中关闭震动以及开启彩色模式。

  3. Markdown
    支持Markdown语法

  4. CodeGlance
    之前用过Sublime编辑器同学,强烈推荐这个,这个插件可以让 webstorm 也具有右侧展示当前文件中代码的缩略图。

常见问题

webstorm可以像sublime一样多行选择,比如在sublime中全选一个单词然后使用cmd+d,就可以往下选择一样的单词,然后进入多行模式吗?

逐个选中多个相同的词

sublime:Ctrl + D (Ctrl + K可以跳过一个)
webstrom:Ctrl + K ( Ctrl + Shift + K 可以回退一个)

同时选中所有相同的词

sublime:Alt + F3
webstrom:Ctrl + Shift + Alt + K

单击左键选择多行

sublime:按住Ctrl然后单击左键
webstrom:按住Alt然后单击左键

拖动选择多行

sublime:按住Ctrl + Shift + 鼠标右键 拖动
webstrom:按住Alt + 鼠标右键 拖动