Webstorm常用快捷键整理

来源：互联网发布：怎么淘宝开通不了花呗编辑：程序博客网时间：2024/06/07 20:37

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。^百度百科

现将最常用的快捷键挑出来备忘，既能方便记忆，又能提高工作效率。

WebStorm快捷键操作最近一段时间在写javascript时，找到一个灰常强悍的IDE。名称叫：WebStorm

目前是英文版的，功能很强大。我也在慢慢摸索之中，现把它的一些常用的快捷键列出来，供使用者参考。

1. ctrl + shift + n: 查找并打开工程中的文件
2. ctrl + b: 跳到变量申明处
3. ctrl + []: 匹配 {}[]
4. ctrl + F12: 可以显示当前文件的结构
5. alt + left/right: 标签切换
6. ctrl + shift + up: 行移动
7. shift + alt + up: 块移动
8. ctrl + d: 行复制
9. ctrl + shift + ]/[: 选中块代码
10. ctrl + / : 单行注释
11. ctrl + shift + / : 块注释
12. ctrl + '-/+': 折叠代码
13. alt + '7': 显示当前的函数结构。

常用快捷键—Webstorm入门指南

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

windows下的设置方法

快捷键配置
点击“File”-> “settings”

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

默认配置-Eclipse的常用快捷键对照表

查找/代替

Webstorm快捷键 Eclipse快捷键 说明 ctrl+shift+N ctrl+shift+R 通过文件名快速查找工程内的文件（必记） ctrl+shift+alt+N ctrl+shift+alt+N 通过一个字符快速查找位置（必记） ctrl+F ctrl+F 在文件内快速查找代码 F3 ctrl+K 查找下一个 shift+F3 ctrl+shift+K 查找上一个 ctrl+R ctrl+F 文件内代码替换 ctrl+shift+R
指定目录内代码批量替换 ctrl+shift+F ctrl+H 指定目录内代码批量查找

界面操作

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

代码编辑

Webstorm快捷键 Eclipse快捷键 说明 ctrl+D ctrl+shift+↑ 复制当前行 ctrl+W alt+shift+↑ 选中单词 ctrl+←/→
ctrl+←/→
以单词作为边界跳光标位置 alt+insert alt+insert 新建一个文件或其他 ctrl+alt+L ctrl+alt+L 格式化代码 shift+tab/tab shift+tab/tab 减少/扩大缩进（可以在代码中减少行缩进） ctrl+Y ctrl+D 删除一行 shift+enter shift+enter 重新开始一行（无论光标在哪个位置）

导航

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

阅读全文

0 0