永利最大(官方)网站

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

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

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

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

点击下载webstorm最新试用版

IDE导航

查找操作并切换WebStorm设置
您可以在WebStorm中执行许多操作，其中很多都有自己专用的快捷方式。但是，如果您不知道这些快捷方式是什么呢？或者，如果您忘记了操作的快捷方式，该怎么办？快捷键就消除了这些问题！所有你需要做的就是按Ctrl + Shift + A 或者⇧⌘ 一开始输入您要执行的操作的名称。键入时，列表会变小，因此您可以轻松找到操作。您甚至可以直接在“ 搜索”弹出窗口中运行它-只需按Enter即可。
通过搜索操作，可以轻松切换WebStorm设置。您不再需要浏览“设置/首选项”中的众多页面。您可以简单地开始输入所需内容，选择操作，然后按Enter。WebStorm会将您直接带到“ 设置/首选项”对话框中的右侧页面。
如果该操作调用了一个弹出窗口，则会显示此弹出窗口，而不是“设置/首选项”对话框。

弹出窗口

文件导航

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

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

在整个项目中查找文件

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

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

在打开的文件之间跳转

当您在大量的选项卡中打开大量文件时，如何找到所需的文件？Alt + Right / ⇧⌘]或Alt + Left /⇧⌘[会有所帮助！
更快地处理项目
在具有复杂文件夹结构的大型项目中，一种快速找到项目中文件的简便方法是使用导航栏（Alt + Home /⌘↑）。此栏在活动的编辑器选项卡中显示从项目根目录到文件的路径。使用箭头键或鼠标指针，您可以浏览文件夹以找到所需的文件。

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

代码导航

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

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

符号声明

如果您喜欢使用鼠标，可以按住Ctrl /⌘并将鼠标指针悬停在该符号上。当符号变成超链接时，单击超链接。
要查看在何处使用了已声明的符号，请将插入号放在符号声明处，然后按Ctrl + B /⌘B。如果要跳至用法，请在列表中选择它，然后按Enter。
当您已经使用一种符号，并且想要在“ 查找”工具窗口中查看其其他用法时，便需要使用 “ 查找用法”功能（Alt + F7 / ⌥F7）。在工具窗口中，您可以双击双击任何列出的用法。

查找用法

查看符号定义

通常，您要做的就是查看symbol的定义。不要将符号插入插入符号，然后按Ctrl + Shift + I / ⌥Space，而不是跳转到符号的声明并失去焦点。该定义将出现在弹出窗口中。
探索文件的结构和层次结构
如果文件很大且嵌套很深，则探索其结构和层次结构可能会花费大量时间和精力。但是，使用面包屑和“ 结构”工具窗口将变得更加容易。

面包屑显示在编辑器的底部，并显示当前打开的文件中的类，变量，函数，方法和标记的名称。要到达所需的位置，只需单击相应的面包屑。
使用“ 结构工具”窗口（Alt + 7 / ⌘7），您可以获取当前文件结构的概述。
要查找元素，请在工具窗口区域中的任意位置开始输入其名称，然后按Enter键将其选中。按F4 /⌘↓跳至代码中的所选元素。

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

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

标签：