WebStorm 中常常会想看看某个函数的定义是怎样的,一手按住 Ctrl 键,一手鼠标点击该函数名上,就能跳到函数声明处,这招很有用。
不过,实际操作中会有另一个烦恼,看到这个函数A的定义里,发现用到了另一个函数B,因此就点击跳转过去看看,然后发现里面调用了函数C,如此这般,跳了几层后再想回到原来的位置,就很困难了。这时只能一个个关闭这些文件,一直到当前显示的是最初的文件为止。显然这是个烂办法,有没有更优雅的操作呢?
当然是有的,答案是 Ctrl + Tab。
也就是说,一手按 Ctrl 键,另一只手按住 Tab 键,此时会弹出一个弹框,列出历史跳转记录,默认选中的是你前次跳来的记录。直接手放掉,就跳回上次跳出的位置了,或者也可用鼠标在该弹框中选择某个历史记录处。
以上图为例,历史跳转记录如下:website-index.component.ts --> websites.sercice.ts --> website-proxy.ts ,当前所在的是 website-proxy.ts ,默认跳回的就是 websites.sercice.ts
顺便提一句,跳转到函数声明这个操作,完整的说法应该是 跳转到声明处(Navigate to declaration),意即可跳转到函数,变量,常量,导入的类等各种声明处。
快捷键是 Ctrl+B (?B) or Ctrl+Click (?-Click) ,括号里的是 Mac 系统下的快捷键。如果 WebStorm 找到不止一个声明,就会弹出一个下拉框让你选择。
敲黑板划重点
Ctrl+Enter -- 跳到(函数,变量,常量)的定义处
Ctrl+Tab -- 跳回,弹出框里有完整的跳转历史路径,可直接选择其中任何一个点跳转