WebStorm 提供了许多方法,可以更高效地在源代码、项目文件和 IDE 设置中四处走动。让我们来看看其中的一些。

  • IDE 导航:学习如何快速切换设置并使用所有关键功能,即使您不记得它们的快捷方式。
  • 文件导航:了解如何在项目中的文件和选项卡之间跳跃。
  • 代码导航:探索最快的方式去符号声明,并找到其用法,以及如何查看通过文件的结构。

如果你想进一步潜水,看看在WeStorm指南的导航技巧和技巧。您还可以在源代码导航中找到一些有用的信息,并查找和替换我们文档的部分。

IDE 导航

查找操作并切换 WebStorm 设置

在 WebStorm 中,您可以执行许多操作,其中相当多的操作甚至有自己的专用快捷方式。但是,如果你不知道这些捷径是什么呢?或者,如果你忘记了行动的捷径呢?搜索操作消除了这些问题!所有你需要做的是按Ctrl+Shift+A/⇧⌘A,并开始键入您想要执行的操作的名称。键入时,列表会进行优化,以便您可以轻松定位操作。你甚至可以运行它的权利从搜索弹出窗口-只需按输入

搜索操作使拖拉 WebStorm 设置变得简单。您不再需要在"设置/首选项"中浏览大量页面。你可以简单地开始键入你需要什么,选择行动,并按输入。WebStorm 将您直接带到"设置/首选项"对话中的右侧页面。

如果该操作调用弹出窗口,则显示此弹出窗口,
而不是"设置/首选项"对话。

文件导航

打开您最近使用的文件

当您执行任务时,您可能会在同一文件集合之间跳跃。获取文件很容易。您可以只需按Ctrl+E/⌘E调用最近的文件弹出窗口,然后选择您需要的文件。

要缩小选项范围,请使用"速度搜索"功能。只需开始键入您需要的文件的名称,您就会看到"搜索"字段。当您键入时,列表将变得更加精致。您还可以选择仅更改的"显示"复选框,仅查看已修改的文件。

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

在项目中查找文件

好了,现在你已经看到了如何重新打开一个文件是没有问题的。但是,如果你需要一个文件,你没有打开多年,甚至没有工作呢?WeStorm再次提供了一个解决方案-只需按Ctrl+Shift+N/⇧⌘O,并开始键入文件名。 即使你不记得文件的确切名称,它的名字的任何部分都会做。随着您键入,建议列表将变得更加精致。选择您需要的文件并按"输入"。

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

在打开的文件之间跳跃

当您在大量选项卡中打开大量文件时,如何找到所需的文件?右撇子/⇧⌘]阿尔特左/⇧⌘]会有所帮助!

更快地围绕项目移动

在文件夹结构复杂的大型项目中,在您的项目中快速查找文件的一个方便方法是使用导航(Alt+Home /⌘+。此栏显示活动编辑器选项卡中从项目根到文件的路径。使用箭头键或鼠标指点,您可以浏览文件夹以查找所需的文件。

导航栏是项目工具窗口中搜索的一个很好的替代方法。有了导航栏,您不需要在探索其内容后崩溃展开的目录。你可以继续下一个,WeStorm将为你做清理。

代码导航

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

WeStorm可以迅速带你到符号声明。为此,将护理放在变量、字段、方法或任何其他符号上,按Ctrl+B / ⌘B

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

要查看申报符号的使用位置,请将护法放在符号声明处,并按Ctrl+B / ⌘B。如果你想跳转到一个用法,选择它在列表中,并按输入

查找用法功能(Alt+F7 / ⌥F7) 是您需要的,当您已经在一个符号的一个用法,你想在查找工具窗口中查看其其他用法。从工具窗口,您可以通过双击跳转到所列出的任何用法。

查看符号定义

通常,您只想查看符号的定义。而不是跳到符号的声明和失去焦点,把照顾在符号和按Ctrl+Shift+I/⌥空间。定义将显示在弹出窗口中。

探索文件的结构和层次结构

如果一个文件是大和深嵌套,探索其结构和层次结构可能需要相当多的时间和精力。然而,这变得容易得多与面包屑和结构工具窗口。

面包屑出现在编辑器的底部,并在当前打开的文件中显示类、变量、函数、方法和标签的名称。要到达所需的位置,只需单击相应的面包屑。

使用结构工具窗口(Alt+7 ⌘7),您可以获得当前文件结构的概述。

要查找元素,请在工具窗口区域的任何地方开始键入其名称,然后按"输入"来选择它。按F4/⌘↓跳转到代码中的选定元素。

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

如果您有任何问题或反馈,请毫不犹豫地将其发布到下面的评论中。

WebStorm 导航功能相关推荐

  1. WebStorm 2019.3.1安装教程

    ​​​​​​关注公众号,免费获取资料 简介: WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为"Web前端开发神器".&q ...

  2. 可以提高效率优化界面的WebStorm插件完整版在此

    借助WebStorm,您无需安装任何其他插件即可直接工作-所有核心功能立即可用.但是,如果您希望自己的编码工具更加个性化或者需要一些额外的功能,该怎么办?在此文中,我们将介绍用于JetBrains I ...

  3. IDEA WebStorm 常用插件推荐

    使用WebStorm,您无需安装任何其他插件即可直接工作-所有核心功能将立即可用. 但是,如果您希望自己的编码工具更加个性化或需要一些额外的功能,该怎么办? WeStorm提供了许多可以帮助您解决这些 ...

  4. JetBrains WebStorm 2022.2 Crack

    WebStorm 为您提供 Javascript 和编译到 Javascript 语言.Node.js.HTML 和 CSS 的智能编码帮助.享受所有这些语言的代码完成.强大的导航功能.即时错误检测和 ...

  5. WebStorm 2019下载和安装教程(已测有用)

    WebStorm 2019下载和安装教程(已测有用) WebStorm2019是一款功能强大的开发工具,这款强大的web前端开发神器使用为用户提供 了完善的开发必备功能和工具,让大家以更加轻松快捷的方 ...

  6. WebStorm中SVN配置

    近期在使用WebStorm进行网页开发,值得一提的是WebStorm的确是一个不错的IDE,尽管可能内存开销较大,但是在编写JS的时候提供了很多包括自动完成等强大的功能. 好了,步入正题:在实际项目开 ...

  7. gitlab如何克隆项目到本地进行开发,如何让webstorm项目右键菜单出现Git子菜单,右下角出现Matser分支

    cd 到盘符 例如D:. cd 到您的项目目录 去gitlab对应项目拷贝http的克隆地址 然后在gitlab命令窗口输入  git clone http://192.168.2.231/knoww ...

  8. VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?

    传统方法(仅适用于普通项目): 1.在vscode中安装 Live Server 插件: 2.安装成功后,vscode右下角会有 Go Live 标识点击: 3.cmd ipconfig 查询自己电脑 ...

  9. IDEA、webstorm设置编辑器恶心的竖线位置、隐藏竖线(参考线),然后代码自动换行

    webstorm设置编辑器竖线位置: 文件→设置(Ctrl+Alt+S)→编辑器→Code Style→右边距→设置260(勾选☑键入换行) 如果要隐藏这条竖线Ctrl+Shift+A输入Show r ...

最新文章

  1. feign调用第三方接口_讲一个你不知道的事:SringCloud的feign的继承特性
  2. cvc降噪和主动降噪_降噪蓝牙耳机哪款好?300内建议入手的五款主动降噪蓝牙耳机...
  3. Python并发编程—进程
  4. Advanced User Administration
  5. 【Big Data - Hadoop - MapReduce】初学Hadoop之图解MapReduce与WordCount示例分析
  6. Hadoop学习之路(一)理论基础和逻辑思维
  7. java asm 全称,java ASM
  8. c语言棋类ai怎么写搜索,新手立体四子棋AI教程(4)——启发式搜索与主程序
  9. 斯坦福NLP名课带学详解 | CS224n 第1讲 - NLP介绍与词向量初步(NLP通关指南·完结)
  10. Linux环境安装ghostscript
  11. Scintilla Markers Margins
  12. matlab代码:基于主从博弈的智能小区代理商定价策略及电动汽车充电管理
  13. 【POJ】1003_Hangover宿醉
  14. Java问卷调查管理系统(附数据库)
  15. 转行做程序员到底可不可行?转行前先考虑好以下几点
  16. Python和Java哪个好学?
  17. 大数据的数据科学与关键技术是什么?
  18. 华中科技大学计算机与网络,华中科技大学计算机通信与网络实验报告-基于NS2的协议分析实验...
  19. 随机变量的相互独立性
  20. centos7安装harbor详细教程

热门文章

  1. 《Image-to-Image Translation with Conditional Adversarial Networks》文章翻译
  2. linux开发板tftp 搭建,[转帖]4412开发板学习笔记-TFTP服务器的搭建
  3. 那些证书相关的玩意儿
  4. C语言 最大公约数与素数探求
  5. 从毛衣到西装 - 硅谷CEO穿衣进化史
  6. Delphi设计模式之Wapper模式, Factory
  7. 面试受挫?看看圈内小伙伴美团点评校招面试经验分享
  8. 制作持久化的 Kali U盘
  9. 检测cpu是否支持VT
  10. python 三大器