Webstorm常用快捷键

Webstorm常用快捷键

ctrl alt t 可以进行环绕

\1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。

\2. ctrl + j: 输出模板

\3. ctrl + b: 跳到变量申明处

\4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)

\5. ctrl + []: 匹配 {}[]

\6. ctrl + F12: 可以显示当前文件的结构

\7. ctrl + x: 剪切(删除)行，不选中，直接剪切整个行，如果选中部分内容则剪切选中的内容

\8. alt + left/right:标签切换

\9. ctrl + r: 替换

\10. ctrl + shift + up: 行移动

\11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)

\12. ctrl + d: 行复制

\13. ctrl + shift + ]/[: 选中块代码

\14. ctrl + / : 单行注释

\15. ctrl + shift + / : 块注释

\16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息

\17. ctrl + ‘-/+’: 可以折叠项目中的任何代码块，它不是选中折叠，而是自动识别折叠。

\18. ctrl + ‘.’: 折叠选中的代码的代码。

\19. shift + esc: 当前激活的任意小窗口最小化，也可以是alt+数字键，数字在小窗口有显示。

\20. alt + ‘7’: 显示当前的函数结构。

\21. 如果是*.html页面，则在文件名下的导航栏某DOM结构上右键，可以全选当前DOM结构。

常用快捷键

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 上一个/下一个方法