WebStorm学习指南:如何有效使用导航功能提升工作效率

WebStorm是一款深受广大程序员喜爱的JavaScript 开发和Web前端开发工具,完美适应各种复杂客户端开发和Node.js的服务器端开发。它提供了许多有效地处理源代码,项目文件和IDE设置的方法。让我们来看看其中的一些:

IDE导航:了解如何快速切换设置并使用所有关键功能,即使您不记得它们的快捷方式也是如此。

文件导航:了解如何在项目中的文件和选项卡之间跳转。

代码导航:探索进入符 声明并找到其用法的最快方法,以及如何浏览文件的结构。

webstorm最新试用版

IDE导航

查找操作并切换WebStorm设置
您可以在WebStorm中执行许多操作,其中很多都有自己专用的快捷方式。但是,如果您不知道这些快捷方式是什么呢者,如果您忘记了操作的快捷方式,该怎么办捷键就消除了这些问题!所有你需要做的就是按Ctrl + Shift + A 或者 一开始输入您要执行的操作的名称。键入时,列表会变小,因此您可以轻松找到操作。您甚至可以直接在“ 搜索”弹出窗口中运行它-只需按Enter即可。

搜索全部搜索窗口通过搜索操作,可以轻松切换WebStorm设置。您不再需要浏览“设置/首选项”中的众多页面。您可以简单地开始输入所需内容,选择操作,然后按Enter。WebStorm会将您直接带到“ 设置/首选项”对话框中的右侧页面。
设置对话框设置对话框如果该操作调用了一个弹出窗口,则会显示此弹出窗口,而不是“设置/首选项”对话框。
弹出窗口

弹出窗口

文件导航

打开您最近使用过的文件
在执行任务时,您可能会在同一文件集合之间跳转。获取文件很容易。您可以按Ctrl + E /调用“ 最近的文件”弹出窗口,然后选择所需的文件。
要缩小选项的范围,请使用“ 速度”搜索功能。只需开始输入所需文件的名称,您将看到“ 搜索”字段。键入时,列表将变得更加完善。您也可以选择仅显示已更改复选框,以仅查看已修改的文件。

最近使用文件最近使用文件

最后但并非最不重要的是,弹出窗口使您可以快速访问所有工具窗口。它们在左侧窗格中列出。

在整个项目中查找文件

好了,现在您已经知道重新打开文件是完全没有问题的。但是,如果您需要一个已经打开了很长时间甚至根本没有使用过的文件,该怎么办ebStorm再次提供了一种解决方案–只需按Ctrl + Shift + N / O并开始输入文件名即可。即使您不记得文件的确切名称,文件名称的任何部分也可以使用。输入时,建议列表将变得更加完善。选择所需的文件,然后按Enter键。

通过文件名查找文件通过文件名查找文件

如果您不知道文件的名称是什么,但是知道文件包含的类或方法,则可能需要使用搜索符 (Ctrl + Shift + Alt + N /O)。

在打开的文件之间跳转

当您在大量的选项卡中打开大量文件时,如何找到所需的文件lt + Right / ]或Alt + Left /[会有所帮助!

导航栏搜索导航栏搜索工具

该导航栏是一个很好的选择,以在搜索工程工具窗口。使用导航栏,您无需在浏览目录后折叠其目录。您可以继续进行下一个,WebStorm会为您进行清理。

代码导航

跳转到符 声明并找到其用法

WebStorm可以快速将您带到符 声明。为此,请将插入符 放置在变量,字段,方法或任何其他符 上,然后按Ctrl + B /。

符 声明

符 声明

如果您喜欢使用鼠标,可以按住Ctrl /将鼠标指针悬停在该符 上。当符 变成超链接时,单击超链接。

声明转化为超链接声明转化为超链接要查看在何处使用了已声明的符 ,请将插入 放在符 声明处,然后按Ctrl + B /。如果要跳至用法,请在列表中选择它,然后按Enter。
使用方法使用方法当您已经使用一种符 ,并且想要在“ 查找”工具窗口中查看其其他用法时,便需要使用 “ 查找用法”功能(Alt + F7 / 7)。在工具窗口中,您可以双击双击任何列出的用法。

查找用法

查找用法

查看符 定义

通常,您要做的就是查看symbol的定义。不要将符 插入插入符 ,然后按Ctrl + Shift + I / pace,而不是跳转到符 的声明并失去焦点。该定义将出现在弹出窗口中。

查看定义查看定义探索文件的结构和层次结构
如果文件很大且嵌套很深,则探索其结构和层次结构可能会花费大量时间和精力。但是,使用面包屑和“ 结构”工具窗口将变得更加容易。 面包屑面包屑使用“ 结构工具”窗口(Alt + 7 / ),您可以获取当前文件结构的概述。
要查找元素,请在工具窗口区域中的任意位置开始输入其名称,然后按Enter键将其选中。按F4 /跳至代码中的所选元素。
结构工具视图结构工具视图

如果您更喜欢弹出窗口而不是工具窗口,则可以使用“ 结构”视图。

这就是今天我们的内容了。如果您有任何疑问或反馈,请随时在下面的评论,对我们产品有兴趣欢迎咨询我们的客服

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年6月6日
下一篇 2020年6月6日

相关推荐

发表回复

登录后才能评论