WebStorm快捷键

Windows 快捷键

  • 双击Shift全局搜索
  • ctrl + alt + T 围绕包裹代码(包括 zencoding 的 Wrap with Abbreviation)
  • ctrl + [/] 匹配 {}[]
  • ctrl + shift + ]/[ 选中块代码
  • ctrl + q JSDoc 文档预览
  • ctrl + shift + i 显示当前 CSS 选择器或者 JS 函数的详细信息
  • Shift+F6 重构-重命名
  • Alt+~vcs 操作
    • Alt+~ 7关闭重启前的本地历史纪录
  • Ctrl+F文件内查找
    • Ctrl+K查找下一个
    • Ctrl+Shift+K 查找上一个
  • Ctrl+B或Ctrl+鼠标左键单击 快速打开光标处的类或方法
  • Ctrl+Alt+Shift+N通过字符快速查找位置
  • Ctrl+Shift+R工程内查找文件名
  • Ctrl+E最近打开的文件
  • ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块)
  • ctrl+alt+L 格式化代码
  • control + shift + j 合并行

界面操作

  • Ctrl+F4关闭当前代码选项卡
  • Alt+←/→切换代码选项卡
  • Alt+[0~9]快速拆合功能界面模块
  • Alt+Shift+F将当前文件加入收藏夹
  • Ctrl+F12显示当前文件的结构

代码编辑

  • Alt+Shift+↑选中单词/选中当前块
  • Alt+Insert新建一个文件或其他
  • Ctrl+Alt+L/Ctrl+Shift+F格式化代码
  • Shift+Enter重新开始一行(无论光标在哪个位置)

导航

  • Esc进入代码编辑区域
  • Alt+F1查找代码在其他界面模块的位置,颇为有用
  • Ctrl+G查找引用
  • Ctrl+L撞到指定行
  • Ctrl+]/[光标到代码块的前面或后面
  • Ctrl+Shift+up/down上一个/下一个方法

编辑器

  • Ctrl+Alt+S打开配置窗口
  • Ctrl+Shift+A快速查找并使用编辑器所有功能

Mac 快捷键

  • Command
  • Control
  • alt
  • Shift
  • Caps Lock
  • fn 功能键就是 fn

全局的

  • 双击shift 弹出小浮窗搜索所有
  • Command+shift+A 整个工程的查找操作
  • Command+`,Command+shift+` 切换项目
  • Command+1,Command+2… 打开各种工具窗口
  • alt+shift+F 把文件添加到收藏夹
  • alt+shift+I 打开项目描述
  • alt+~ 快速切换当前计划
  • Command+, 设置编辑器
  • Control+Tab 选项卡和工具窗口之间进行切换
  • alert+回车 显示 npm 版本升级列表

编辑

  • Command+alt+T 用 (if..else, try..catch, for, etc.)包住
  • Command+/ 注释/取消注释的行注释
  • Command+alt+/ 注释/取消注释与块注释
  • alt+↑ 向上选取代码块
  • alt+↓ 向下选取代码块
  • Command+alt+L 格式化代码
  • tab,shift+tab 调整缩进
  • Control+alt+I 快速调整缩进
  • Command+C 复制
  • Command+X 剪切
  • Command+V 粘贴
  • Command+shift+V 从剪贴板里选择粘贴
  • Command+D 复制代码副本
  • Command+delete 删除当前行
  • Control+Shift+J 清除缩进变成单行
  • shift+回车 快速换行
  • Command+回车 换行光标还在原先位置
  • Command+shift+U 大小写转换
  • Command+shift+[,Command+shift+] 文件选项卡快速切换
  • Command+加号,Command+减号 收缩代码块
  • Command+shift+加号,Command+shift+减号 收缩整个文档的代码块
  • Command+W 关闭当前文件选项卡
  • alt+单击 光标在多处定位
  • Control+shift+J 把下面行的缩进收上来
  • shift + F6 高级修改,可快速修改光标所在的标签、变量、函数等
  • alt+/ 代码补全

调试

  • Control+alt+R 运行项目
  • Command+Control+R 运行 Debug
  • Command+F8 添加断点
  • Command+shift+F8 打开断点列表

导航

  • Command+O 跳转到某个类
  • Command+shift+O 跳转到某个文件
  • Command+alt+O 跳转到某个符号
  • Control+←,Control+→ 转到上/下一个编辑器选项卡
  • F12 打开之前打开的工具窗口(TODO、终端等)
  • Command+L 跳转行
  • Command+E 弹出最近文件
  • Command+alt+←,Command+alt+→ 向前向后导航到代码块交接处(一般是空行处)
  • Command+shift+delete 导航到上一个编辑位置的位置
  • Command+B 跳转到变量声明处
  • Control+J 获取变量相关信息(类型、注释等,注释是拿上一行的注释)
  • Command+Y 小浮窗显示变量声明时的行
  • Command+[,Command+] 光标现在的位置和之前的位置切换
  • Command+F12 文件结构弹出式菜单
  • alt+H 类的层次结构
  • F2,shift+F2 切换到上\下一个突出错误的位置
  • Command+↑ 跳转到导航栏
  • F3 添加书签
  • alt+F3 添加带助记的书签
  • alt+1,alt+2… 切换到相应助记的书签位置
  • Command+F3 打开书签列表

VCS/本地历史记录

  • control+V 打开 VST 小浮窗
  • Command+K 提交项目
  • Command+T 更新项目
  • alt+shift+C 打开最近修改列表

搜索和替换

  • Command+F 搜索
  • Command+R 替换
  • Command+G 查找下一个
  • Command+shift+G 查找下一个
  • Command+shift+F 按路径搜索
  • Command+shift+R 按路径替换

选中文字的搜索

  • Command+F7 向声明的地方搜索并选中
  • Command+shift+F7 打开搜索框进行搜索
  • Command+alt+F7 打开小浮窗显示搜索列表

对项目文件的操作(重构)

  • F5 复制文件到某个目录
  • F6 移动文件到某个目录
  • Command+delete 安全删除
  • shift+F6 重命名

Emmet

前端开发神器 Emmet

  • w -webkit-
  • m -moz-
  • s -ms-
  • o -o-
  • lorem 一段随机看不懂的文字,作为测试数据填充用的
坚持原创技术分享,您的支持将鼓励我继续创作!
  • 本文作者: Leo
  • 本文链接: https://xuebin.me/posts/4219ed39.html
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!