WebStorm 导航功能
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 导航功能相关推荐
- WebStorm 2019.3.1安装教程
关注公众号,免费获取资料 简介: WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为"Web前端开发神器".&q ...
- 可以提高效率优化界面的WebStorm插件完整版在此
借助WebStorm,您无需安装任何其他插件即可直接工作-所有核心功能立即可用.但是,如果您希望自己的编码工具更加个性化或者需要一些额外的功能,该怎么办?在此文中,我们将介绍用于JetBrains I ...
- IDEA WebStorm 常用插件推荐
使用WebStorm,您无需安装任何其他插件即可直接工作-所有核心功能将立即可用. 但是,如果您希望自己的编码工具更加个性化或需要一些额外的功能,该怎么办? WeStorm提供了许多可以帮助您解决这些 ...
- JetBrains WebStorm 2022.2 Crack
WebStorm 为您提供 Javascript 和编译到 Javascript 语言.Node.js.HTML 和 CSS 的智能编码帮助.享受所有这些语言的代码完成.强大的导航功能.即时错误检测和 ...
- WebStorm 2019下载和安装教程(已测有用)
WebStorm 2019下载和安装教程(已测有用) WebStorm2019是一款功能强大的开发工具,这款强大的web前端开发神器使用为用户提供 了完善的开发必备功能和工具,让大家以更加轻松快捷的方 ...
- WebStorm中SVN配置
近期在使用WebStorm进行网页开发,值得一提的是WebStorm的确是一个不错的IDE,尽管可能内存开销较大,但是在编写JS的时候提供了很多包括自动完成等强大的功能. 好了,步入正题:在实际项目开 ...
- gitlab如何克隆项目到本地进行开发,如何让webstorm项目右键菜单出现Git子菜单,右下角出现Matser分支
cd 到盘符 例如D:. cd 到您的项目目录 去gitlab对应项目拷贝http的克隆地址 然后在gitlab命令窗口输入 git clone http://192.168.2.231/knoww ...
- VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
传统方法(仅适用于普通项目): 1.在vscode中安装 Live Server 插件: 2.安装成功后,vscode右下角会有 Go Live 标识点击: 3.cmd ipconfig 查询自己电脑 ...
- IDEA、webstorm设置编辑器恶心的竖线位置、隐藏竖线(参考线),然后代码自动换行
webstorm设置编辑器竖线位置: 文件→设置(Ctrl+Alt+S)→编辑器→Code Style→右边距→设置260(勾选☑键入换行) 如果要隐藏这条竖线Ctrl+Shift+A输入Show r ...
最新文章
- feign调用第三方接口_讲一个你不知道的事:SringCloud的feign的继承特性
- cvc降噪和主动降噪_降噪蓝牙耳机哪款好?300内建议入手的五款主动降噪蓝牙耳机...
- Python并发编程—进程
- Advanced User Administration
- 【Big Data - Hadoop - MapReduce】初学Hadoop之图解MapReduce与WordCount示例分析
- Hadoop学习之路(一)理论基础和逻辑思维
- java asm 全称,java ASM
- c语言棋类ai怎么写搜索,新手立体四子棋AI教程(4)——启发式搜索与主程序
- 斯坦福NLP名课带学详解 | CS224n 第1讲 - NLP介绍与词向量初步(NLP通关指南·完结)
- Linux环境安装ghostscript
- Scintilla Markers Margins
- matlab代码:基于主从博弈的智能小区代理商定价策略及电动汽车充电管理
- 【POJ】1003_Hangover宿醉
- Java问卷调查管理系统(附数据库)
- 转行做程序员到底可不可行?转行前先考虑好以下几点
- Python和Java哪个好学?
- 大数据的数据科学与关键技术是什么?
- 华中科技大学计算机与网络,华中科技大学计算机通信与网络实验报告-基于NS2的协议分析实验...
- 随机变量的相互独立性
- centos7安装harbor详细教程