`

常用快捷键—Webstorm入门指南

阅读更多

转载自http://www.36ria.com/5700

常用快捷键—Webstorm入门指南

提高代码编写效率,离不开快捷键的使用,Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键。

快捷键配置

点击“File”-> “settings”

Webstorm预置了其他编辑器的快捷键配置,可以点击

默认配置下的常用快捷键

查找/代替

快捷键

说明

ctrl+shift+N 通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
ctrl+F 在文件内快速查找代码
F3 查找下一个
shift+F3 查找上一个
ctrl+R 文件内代码替换
ctrl+shift+R 指定目录内代码批量替换
ctrl+shift+F 指定目录内代码批量查找
ctrl+R 文件内代码替换

界面操作

快捷键

说明

ctrl+shift+A 快速查找并使用编辑器所有功能(必记)
alt+[0-9] 快速拆合功能界面模块
ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F 将当前文件加入收藏夹
ctrl+alt+s 打开配置窗口
ctrl+tab 切换代码选项卡(还要进行此选择,效率差些)
alt+<-或-> 切换代码选项卡

快捷键

说明

ctrl+shift+N 通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
ctrl+F 在文件内快速查找代码
F3 查找下一个
shift+F3 查找上一个
ctrl+R 文件内代码替换
ctrl+shift+R 指定目录内代码批量替换
ctrl+shift+F 指定目录内代码批量查找
ctrl+R 文件内代码替换

界面操作

快捷键

说明

ctrl+shift+A 快速查找并使用编辑器所有功能(必记)
alt+[0-9] 快速拆合功能界面模块
ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F 将当前文件加入收藏夹
ctrl+alt+s 打开配置窗口
ctrl+tab 切换代码选项卡(还要进行此选择,效率差些)
alt+<-或-> 切换代码选项卡
ctrl+F4 关闭当前代码选项卡

代码编辑

快捷键

说明

ctrl+D 复制当前行
ctrl+W 选中单词
ctrl+<-或-> 以单词作为边界跳光标位置
alt+Insert 新建一个文件或其他
ctrl+alt+L 格式化代码
shift+tab/tab 减少/扩大缩进(可以在代码中减少行缩进)
ctrl+Y 删除一行
shift+enter 重新开始一行(无论光标在哪个位置)

导航

快捷键

说明

esc 进入代码编辑区域
alt+F1 查找代码在其他界面模块的位置,颇为有用
ctrl+G 到指定行的代码
ctrl+]/[ 光标到代码块的前面或后面
alt+up/down 上一个/下一个方法

建议配置版本控制快捷键

快捷键

说明

ctrl+C 提交代码
ctrl+p 向远程版本库推送更新
ctrl+G 到指定行的代码
ctrl+]/[ 光标到代码块的前面或后面
alt+up/down 上一个/下一个方法
分享到:
评论

相关推荐

    webstorm快捷键

    本文总结了 WebStorm 中常用的快捷键和设置功能,以便开发者更好地使用 WebStorm。 快速编写 HTML 代码 在 WebStorm 中,开发者可以使用快捷键快速编写 HTML 代码。例如,要编写 `&lt;style&gt;&lt;/style&gt;` 代码,只需要...

    WebStorm_快捷键和代码模板

    快捷键是提升开发效率的关键,掌握WebStorm的常用快捷键能够让你在编写代码时更加得心应手。以下是一些常用的快捷键: 1. **编辑操作** - `Cmd/Ctrl + Z`: 撤销操作。 - `Cmd/Ctrl + Shift + Z`: 重做操作。 - `...

    WebStorm_ReferenceCard.pdf WebStorm快捷键

    ### WebStorm 快捷键详解:提升开发效率的利器 #### 引言 在现代软件开发中,提高编码效率和代码质量是每个开发者追求的目标。 JetBrains 的 WebStorm 作为一款强大的集成开发环境(IDE),提供了丰富的功能和...

    webStorm快捷键

    WebStorm的快捷键非常丰富,这里只是介绍了部分常用快捷键。掌握这些快捷键能够显著提高开发效率,让开发者在键盘上跳芭蕾。要充分运用这些快捷键,需要在实践中不断熟悉和记忆,最终达到无意识的熟练操作。

    mac webstorm 快捷键配置

    在Mac上使用WebStorm作为IDE时,快捷键的配置对于提高开发效率至关重要。WebStorm是JetBrains公司开发的一款强大的JavaScript IDE,它集成了IntelliJ IDEA的诸多功能,并且专为Web开发进行了优化。了解并自定义...

    webstorm2020.3快捷键讲解

    webstorm2020.3快捷键讲解

    Webstorm快捷键

    下面将详细介绍WebStorm中一些常用的快捷键及其功能。 首先,基础代码完成功能可以通过快捷键Ctrl+Space触发,它能够帮助你快速找到类名、方法或者变量等。完成语句功能则通过Ctrl+Shift+Enter完成。在方法调用参数...

    常用web开发工具 WebStorm-2016.1.1

    常用web开发工具 WebStorm-2016.1.1常用web开发工具 WebStorm-2016.1.1常用web开发工具 WebStorm-2016.1.1常用web开发工具 WebStorm-2016.1.1常用web开发工具 WebStorm-2016.1.1常用web开发工具 WebStorm-2016.1.1...

    webstorm8.0的快捷键大全

    ### WebStorm 8.0 快捷键大全详解 #### 一、概述 WebStorm 是 JetBrains 开发的一...以上就是 WebStorm 8.0 中常用的快捷键总结,通过熟练使用这些快捷键,可以极大地提升开发效率,使得日常的编码工作变得更加顺畅。

    webstorm快捷键精华版.pdf

    webstorm快捷键精华版.pdf

    个人总结的webstorm快捷键

    除了上述提到的常用快捷键外,WebStorm 还提供了许多其他的快捷键来增强用户体验,例如: - **Ctrl+B / Ctrl+Shift+B**:用于跳转到变量、方法等的定义处或其实现处。 - **Alt+Up/Down**:跳转至上一个或下一个方法...

    webstorm主题风格

    常用的webstorm主题风格,搭配合理,常用的webstorm主题风格,搭配合理,常用的webstorm主题风格,搭配合理

    webstorm中px转rem插件

    webstorm中px转rem插件 使用说明: 1.file-settings-plugins-install plugin from disk-选择生成的...3.设置界面和快捷键设置可以在插件中自定义 本项目的github地址:https://github.com/sunqian1991/WebStorm-PX2REM

    Mac系统下Webstorm快捷键整理大全

    所以专门整理一下最常用的那几个快捷键,以方便这段时间来熟悉熟悉,提高效率。 一. 查找 command + g 在当前文件中查找 command + shift + f 在某文件夹下查找 command + r 替换 二. 选择 command

    webstorm快捷键.docx

    以下是对给定文件中提到的部分WebStorm快捷键的详细解释: ### 1. **Ctrl + Shift + N:搜索打开工程中的文件** 这个快捷键允许用户快速地在项目中搜索并打开任何文件,无需通过文件树浏览,极大地提高了文件查找...

    vue2.0chm离线教程 + webstorm快捷键

    8. **WebStorm快捷键**:WebStorm是一款强大的JavaScript IDE,提供了许多提高开发效率的快捷键。熟悉这些快捷键,如代码补全、重构、调试、版本控制等,能显著提升开发速度。 PDF格式的教程可能包含更详尽的示例和...

Global site tag (gtag.js) - Google Analytics